refactor: separate components into folders

2026-02-04 16:16:28 +05:00
parent 1123e1fcce
commit 79c4d00c30
18 changed files with 187 additions and 33 deletions
@@ -0,0 +1,35 @@
+<script lang="ts">
+  import { Button } from "$lib/components/ui";
+
+  interface Props {
+    onUploadNewImage?: () => void;
+  }
+
+  let { onUploadNewImage }: Props = $props();
+</script>
+
+<div class="app-header">
+  <h1>Twitch Panels Creator</h1>
+  {#if onUploadNewImage}
+    <Button variant="primary" onclick={onUploadNewImage}>Загрузить изображение</Button>
+  {/if}
+</div>
+
+<style>
+  .app-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1.5rem;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 12px;
+    color: white;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+
+  .app-header h1 {
+    margin: 0;
+    font-size: 2rem;
+    font-weight: 600;
+  }
+</style>