переработка админ панели

frontend/src/components/AdminFooter.vue

@@ -0,0 +1,73 @@
+<!-- AdminFooter.vue -->
+<template>
+  <footer class="admin-footer">
+    <div class="footer-content">
+      <div class="footer-info">
+        <p>&copy; 2024 IT Support. Все права защищены.</p>
+      </div>
+      <div class="footer-links">
+        <a href="#" class="footer-link">Помощь</a>
+        <a href="#" class="footer-link">Политика конфиденциальности</a>
+        <a href="#" class="footer-link">Условия использования</a>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: 'AdminFooter'
+}
+</script>
+
+<style scoped>
+.admin-footer {
+  background-color: #1a237e;
+  color: white;
+  padding: 1.5rem 2rem;
+  margin-top: auto;
+}
+
+.footer-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.footer-info p {
+  margin: 0;
+  font-size: 0.9rem;
+}
+
+.footer-links {
+  display: flex;
+  gap: 2rem;
+}
+
+.footer-link {
+  color: white;
+  text-decoration: none;
+  font-size: 0.9rem;
+  opacity: 0.8;
+  transition: opacity 0.3s;
+}
+
+.footer-link:hover {
+  opacity: 1;
+}
+
+@media (max-width: 768px) {
+  .footer-content {
+    flex-direction: column;
+    gap: 1rem;
+    text-align: center;
+  }
+
+  .footer-links {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+}
+</style> 

frontend/src/components/AdminHeader.vue

@@ -0,0 +1,81 @@
+<template>
+  <header class="admin-header">
+    <div class="header-content">
+      <div class="logo">
+        <h1>IT Support</h1>
+      </div>
+      <nav class="nav-menu">
+        <router-link to="/admin/dashboard" class="nav-link">Панель управления</router-link>
+        <router-link to="/admin/employees" class="nav-link">Сотрудники</router-link>
+        <router-link to="/admin/requests" class="nav-link">Заявки</router-link>
+        <a @click="logout" class="nav-link logout">Выйти</a>
+      </nav>
+    </div>
+  </header>
+</template>
+
+<script>
+export default {
+  name: 'AdminHeader',
+  methods: {
+    logout() {
+      localStorage.removeItem('admin_token');
+      this.$router.push('/admin/login');
+    }
+  }
+}
+</script>
+
+<style scoped>
+.admin-header {
+  background-color: #1a237e;
+  color: white;
+  padding: 1rem 2rem;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.header-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.logo h1 {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+.nav-menu {
+  display: flex;
+  gap: 2rem;
+}
+
+.nav-link {
+  color: white;
+  text-decoration: none;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  transition: background-color 0.3s;
+}
+
+.nav-link:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.nav-link.router-link-active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.logout {
+  cursor: pointer;
+  color: #ff5252;
+}
+
+.logout:hover {
+  background-color: rgba(255, 82, 82, 0.1);
+}
+</style>