modified: main_dc/yalarba/easySite/easySite/app/components/layout/Header.vue

modified: main_dc/yalarba/easySite/easySite/app/composables/useObjects.ts modified: main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue modified: main_dc/yalarba/easySite/easySite/app/pages/auth/register.vue modified: main_dc/yalarba/easySite/easySite/app/pages/index.vue modified: main_dc/yalarba/easySite/easySite/app/pages/objects/[id]/edit.vue modified: main_dc/yalarba/easySite/easySite/app/pages/objects/create.vue modified: main_dc/yalarba/easySite/easySite/app/pages/objects/my-objects.vue modified: main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue modified: main_dc/yalarba/easySite/easySite/nuxt.config.ts set main index page for easysite102.ru with header and search bar
2025-10-29 02:26:06 +05:00
parent b3d7de5857
commit e06ac476e6
10 changed files with 976 additions and 540 deletions
@@ -1,23 +1,53 @@
 <template>
-  <div class="min-h-screen bg-gray-50 flex items-center justify-center py-12">
-    <div class="max-w-md w-full">
-      <div class="card">
-        <div class="card-header text-center">
-          <h1 class="text-2xl font-bold">Вход в систему</h1>
-          <p class="text-gray-600 mt-2">Введите свои учетные данные</p>
-        </div>
-        
-        <div class="card-body">
-          <LoginForm />
-        </div>
-        
-        <div class="card-footer text-center">
-          <p class="text-gray-600">
-            Нет аккаунта? 
-            <NuxtLink to="/auth/register" class="text-primary-600 font-medium">
-              Зарегистрируйтесь
+  <div class="auth-page">
+    <div class="auth-container">
+      <div class="auth-card">
+        <div class="card">
+          <div class="card-header text-center">
+            <h1 class="auth-title">Вход в систему</h1>
+          </div>
+          
+          <div class="card-body">
+            <form @submit.prevent="handleSubmit" class="auth-form">
+              <div class="form-group">
+                <label class="form-label">Email</label>
+                <input 
+                  v-model="form.email"
+                  type="email" 
+                  class="form-input"
+                  placeholder="your@email.com"
+                  required
+                >
+              </div>
+              
+              <div class="form-group">
+                <label class="form-label">Пароль</label>
+                <input 
+                  v-model="form.password"
+                  type="password" 
+                  class="form-input"
+                  placeholder="Введите пароль"
+                  required
+                >
+              </div>
+              
+              <button type="submit" class="btn btn-primary auth-button">
+                Войти
+              </button>
+            </form>
+          </div>
+          
+          <div class="card-footer text-center">
+            <p class="auth-footer-text">
+              Нет аккаунта? 
+              <NuxtLink to="/auth/register" class="auth-link">
+                Зарегистрируйтесь
+              </NuxtLink>
+            </p>
+            <NuxtLink to="/" class="auth-link home-link">
+              ← На главную
            </NuxtLink>
-          </p>
+          </div>
        </div>
      </div>
    </div>
@@ -25,7 +55,71 @@
 </template>

 <script setup lang="ts">
-definePageMeta({
-  layout: 'auth'
+const form = ref({
+  email: '',
+  password: ''
 })
-</script>
+
+const handleSubmit = () => {
+  // В демо-режиме просто переходим в профиль
+  alert('Демо-режим: вход выполнен')
+  navigateTo('/profile')
+}
+</script>
+
+<style scoped>
+.auth-page {
+  min-height: 100vh;
+  background: var(--bg-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 1rem;
+}
+
+.auth-container {
+  width: 100%;
+  max-width: 400px;
+}
+
+.auth-card {
+  width: 100%;
+}
+
+.auth-title {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+}
+
+.auth-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.auth-button {
+  width: 100%;
+  margin-top: 0.5rem;
+}
+
+.auth-footer-text {
+  color: var(--text-secondary);
+  margin-bottom: 1rem;
+}
+
+.auth-link {
+  color: var(--primary-600);
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.auth-link:hover {
+  color: var(--primary-700);
+}
+
+.home-link {
+  display: inline-block;
+  margin-top: 0.5rem;
+}
+</style>