Added the ability to upload pictures in the editor.

2024-07-26 22:04:39 +05:00
parent 4d36821ecc
commit b33362a235
34 changed files with 2007 additions and 40 deletions
--- a/app/application/resources/site/scss/app.scss
+++ b/app/application/resources/site/scss/app.scss
@@ -29,6 +29,39 @@ body {

        .content {
            flex: 1 0 auto;
+
+            img {
+                max-width: 100%;
+                object-fit: contain;
+            }
+
+            .image-open {
+                display: block;
+
+                img {
+                    max-width: 100%;
+                    height: auto;
+                }
+            }
+
+            @supports (--custom:property) {
+                [style*="--aspect-ratio"] {
+                    position: relative;
+                }
+                [style*="--aspect-ratio"]::before {
+                    content: "";
+                    display: block;
+                    padding-bottom: calc(100% / (var(--aspect-ratio)));
+                }
+                [style*="--aspect-ratio"] img {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    height: 100%;
+                    max-width: 100%;
+                    object-fit: cover;
+                }
+            }
        }

        .footer {