Пре альфа макета сайта

2026-02-27 15:14:50 +03:00
commit daa80e957e
17 changed files with 1892 additions and 0 deletions
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -0,0 +1,74 @@
+<template>
+  <header class="header">
+    <div class="inner">
+      <div class="col left">
+        <div class="logo">LOGO</div>
+      </div>
+
+      <div class="col center">
+        <div class="title">Удалённый бухгалтер</div>
+        <select class="city">
+          <option>Москва</option>
+          <option>Санкт-Петербург</option>
+          <option>Казань</option>
+        </select>
+      </div>
+
+      <div class="col right">
+        <div class="phone">8 (800) 000-00-00</div>
+      </div>
+    </div>
+  </header>
+</template>
+
+<style scoped>
+.header {
+  padding: 25px 0;
+}
+
+.inner {
+  max-width: 1600px;
+  margin: 0 auto;
+  padding: 0 60px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: center;
+}
+
+.col {
+  display: flex;
+  align-items: center;
+}
+
+.left {
+  justify-content: flex-start;
+}
+
+.center {
+  flex-direction: column;
+  text-align: center;
+}
+
+.right {
+  justify-content: flex-end;
+}
+
+.logo {
+  font-size: 22px;
+  font-weight: bold;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.city {
+  margin-top: 6px;
+  padding: 6px 12px;
+}
+
+.phone {
+  font-weight: 600;
+}
+</style>