refactor: project architecture refactor, container splitting

2026-05-17 00:01:28 +03:00
parent e0b5218037
commit 30fb774d93
367 changed files with 2609 additions and 864 deletions
@@ -0,0 +1,17 @@
+<script>
+  import { ArrowLeft } from "$components/ui/icons.js";
+
+  export let title = "";
+  export let subtitle = "";
+</script>
+
+<header class="screen-head">
+  <button class="btn btn-icon btn-square" type="button" aria-label="Назад">
+    <ArrowLeft size={18} />
+  </button>
+  <div class="center-copy">
+    <h1>{title}</h1>
+    <p>{subtitle}</p>
+  </div>
+  <span></span>
+</header>
@@ -0,0 +1,12 @@
+<script>
+  export let number = "";
+  export let label = "";
+  export let wide = false;
+</script>
+
+<section class:wide class="preview-phone-wrap">
+  <h2><span>{number}.</span> {label}</h2>
+  <div class="preview-phone">
+    <slot />
+  </div>
+</section>
@@ -0,0 +1,26 @@
+<script>
+  import { CreditCard, Send, WalletCards } from "$components/ui/icons.js";
+
+  export let methods = [];
+
+  const icons = [CreditCard, Send, WalletCards, WalletCards];
+
+  function note(index) {
+    if (index === 0) return "Visa, Mastercard";
+    if (index === 1) return "Быстро и удобно";
+    if (index === 2) return "USDT, BTC, ETH";
+    return "ЮMoney, СБП и др.";
+  }
+</script>
+
+<div class="method-grid">
+  {#each methods as method, index}
+    <div class:active={index === 1} class="method-card">
+      <svelte:component this={icons[index] || WalletCards} size={18} />
+      <span>
+        <strong>{method.name}</strong>
+        <small>{note(index)}</small>
+      </span>
+    </div>
+  {/each}
+</div>
@@ -0,0 +1,17 @@
+<script>
+  import { Gift, Home, Settings } from "$components/ui/icons.js";
+
+  export let active = "home";
+</script>
+
+<nav class="bottom-nav static">
+  <button class:active={active === "home"} type="button"
+    ><Home size={20} /><span>Главная</span></button
+  >
+  <button class:active={active === "invite"} type="button"
+    ><Gift size={20} /><span>Пригласить</span></button
+  >
+  <button class:active={active === "settings"} type="button"
+    ><Settings size={20} /><span>Настройки</span></button
+  >
+</nav>