update

2025-07-13 03:33:08 +07:00
parent 0742f742d9
commit b8d46d0021
6 changed files with 61 additions and 18 deletions
@@ -1,11 +1,32 @@
 <script setup lang="ts">
-
+  import HeaderBlock from './HeaderBlock.vue';
 </script>

 <template>
-  <p>Я редактор сценариев</p>
+  <HeaderBlock>
+    <div>
+      Редактор сценариев
+    </div>
+  </HeaderBlock>
+
+  <div class="three-columns">
+    <div class="column left">Левая (узкая)</div>
+    <div class="column center">Центральная (широкая)</div>
+    <div class="column right">Правая (узкая)</div>
+  </div>
 </template>

 <style scoped>
+  .three-columns {
+    display: grid;
+    grid-template-columns: 1fr 2fr 1fr; /* Соотношение 1:2:1 */
+    gap: 20px;
+    height: 100%;
+  }

+  .column {
+    border: 1px solid #e0e0e0;
+    padding: 20px;
+    margin: 5px;
+  }
 </style>