ваше сообщение коммита

2025-05-01 02:53:34 +03:00
parent 01f96a9b80
commit ef2da22c70
15 changed files with 1369 additions and 1000 deletions
--- a/frontend/src/assets/styles/variables.css
+++ b/frontend/src/assets/styles/variables.css
@@ -0,0 +1,80 @@
+/* frontend/src/assets/styles/variables.css */
+:root {
+  /* Цвета */
+  --color-primary: #4CAF50;
+  --color-primary-dark: #45a049;
+  --color-secondary: #2196F3;
+  --color-danger: #F44336;
+  --color-warning: #FF9800;
+  --color-light: #f5f5f5;
+  --color-dark: #333333;
+  --color-grey: #777777;
+  --color-grey-light: #e0e0e0;
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-telegram: #0088cc;
+  --color-error: #e74c3c;
+  
+  /* Цвета сообщений */
+  --color-user-message: #EFFAFF;
+  --color-ai-message: #F8F8F8;
+  --color-system-message: #FFF3E0;
+  --color-system-text: #FF5722;
+  
+  /* Тени */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+  
+  /* Отступы */
+  --spacing-xs: 5px;
+  --spacing-sm: 10px;
+  --spacing-md: 15px;
+  --spacing-lg: 20px;
+  --spacing-xl: 30px;
+  
+  /* Размеры шрифтов */
+  --font-size-xs: 12px;
+  --font-size-sm: 13px;
+  --font-size-md: 14px;
+  --font-size-lg: 16px;
+  --font-size-xl: 18px;
+  --font-size-xxl: 24px;
+  
+  /* Радиусы скругления */
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  
+  /* Переходы */
+  --transition-fast: 0.2s ease;
+  --transition-normal: 0.3s ease;
+  
+  /* Размеры компонентов (Удаляем старые sidebar width) */
+  /* --sidebar-width: 110px; */
+  /* --sidebar-expanded-width: 325px; */
+  --nav-btn-size: 40px;
+  --chat-input-min-height: 100px;
+  --chat-input-max-height: 200px;
+  --chat-input-focus-min-height: 170px;
+  --chat-input-focus-max-height: 300px;
+  
+  /* Унифицированные размеры для кнопок и форм */
+  --button-height: 48px;
+  --button-height-mobile: 42px;
+  --button-padding: 0 var(--spacing-lg);
+  --button-gap: var(--spacing-md);
+  --form-gap: var(--spacing-md);
+  --block-padding: 24px;
+  --block-padding-mobile: 16px;
+  --block-margin: 24px;
+  --block-margin-mobile: 16px;
+  --input-height: 48px;
+  --input-height-mobile: 42px;
+  --input-padding: 0 var(--spacing-lg);
+  
+  /* Общие стили */
+  --button-radius: var(--radius-lg);
+  --input-radius: var(--radius-lg);
+  --block-radius: var(--radius-lg);
+}