frontend: move style properties to components

frontend/src/lib/components/image.svelte

@@ -4,8 +4,28 @@
 </script>
 
 <div class="{direction} {input ? "input" : ""} image rounded">
-    <AddButton handler={() => {
+    <AddButton size=48 handler={() => {
         // addImage(plus.id, this.id);
         // document.getElementById("screenshots").appendChild(new HorisontalImage().html);
     }}/>
 </div>
+
+<style>
+    /* Вертикальное изображение */
+    .vertical {
+        aspect-ratio: 11 / 16;
+    }
+
+    /* Горизонтальное изображение */
+    .horisontal {
+        aspect-ratio: 16 / 11;
+    }
+
+    :global(.image) {
+        margin-left: auto;
+        margin-right: auto;
+        align-content: center;
+        text-align: center;
+        width: 11rem;
+    }
+</style>