refactor

Author: RXDCODX

src/Site/Pages/CinemaQueuePage/CinemaQueuePage.module.scss

@@ -29,7 +29,9 @@
       .card {
         border-radius: 8px;
         box-shadow: var(--site-shadow-medium);
-        transition: transform 0.2s ease, box-shadow 0.2s ease;
+        transition:
+          transform 0.2s ease,
+          box-shadow 0.2s ease;
         background: var(--site-bg-card);
         border: 1px solid var(--site-border-primary);
 
@@ -326,7 +328,6 @@
     }
 
     .table {
-
       thead th,
       tbody td {
         padding: 8px 12px;
@@ -441,4 +442,4 @@
       color: var(--site-text-secondary) !important;
     }
   }
-}
+}

src/Site/Pages/CommandsPage/CommandsPage.module.scss

@@ -25,13 +25,17 @@
 
   // Эффект свечения при наведении
   &::before {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
+    background: linear-gradient(
+      135deg,
+      rgba(255, 255, 255, 0.1) 0%,
+      transparent 100%
+    );
     opacity: 0;
     transition: opacity 0.3s ease;
     pointer-events: none;
@@ -121,7 +125,6 @@
 }
 
 @keyframes pulse {
-
   0%,
   100% {
     opacity: 1;
@@ -169,7 +172,7 @@
   }
 
   &::before {
-    content: '';
+    content: "";
     position: absolute;
     left: -6px;
     top: 0;
@@ -411,4 +414,4 @@
       }
     }
   }
-}
+}

src/Site/Pages/CommandsPage/README.md

@@ -34,7 +34,7 @@
 - Подробная информация о каждой команде
 - Интерактивные карточки с анимациями
 
-#### 3. GridView  
+#### 3. GridView
 
 - Отображение команд в виде сетки 3x3
 - Компактные карточки с иконками

src/Site/Pages/EnvironmentVariablesPage/EnvironmentVariablesPage.module.scss

@@ -1,7 +1,9 @@
 .pageWrapper {
-  background: linear-gradient(180deg,
-      var(--site-bg-secondary) 0%,
-      var(--site-bg-primary) 100%);
+  background: linear-gradient(
+    180deg,
+    var(--site-bg-secondary) 0%,
+    var(--site-bg-primary) 100%
+  );
   min-height: 100%;
   padding: 1.5rem;
 }
@@ -80,7 +82,9 @@
     border-radius: 10px;
     padding: 0.55rem 0.9rem;
     box-shadow: var(--site-shadow-light);
-    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    transition:
+      border-color 0.2s ease,
+      box-shadow 0.2s ease;
 
     &:focus {
       border-color: var(--site-border-accent);
@@ -147,7 +151,9 @@
   }
 
   tbody tr {
-    transition: transform 0.2s ease, box-shadow 0.2s ease,
+    transition:
+      transform 0.2s ease,
+      box-shadow 0.2s ease,
       background 0.2s ease;
     cursor: pointer;
 
@@ -270,7 +276,9 @@
     background: var(--site-bg-secondary);
     color: var(--site-text-primary);
     padding: 0.65rem 0.85rem;
-    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    transition:
+      border-color 0.2s ease,
+      box-shadow 0.2s ease;
 
     &:focus {
       border-color: var(--site-border-accent);
@@ -374,4 +382,4 @@
   .searchControl {
     width: 100%;
   }
-}
+}

src/Site/Pages/FramedataPage/FramedataPage.module.scss

@@ -5,7 +5,9 @@
 
 .characterCard {
   cursor: pointer;
-  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  transition:
+    transform 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
   border: 1px solid #dee2e6;
 
   &:hover {
@@ -46,7 +48,7 @@
 }
 
 .commandCode {
-  font-family: 'Courier New', monospace;
+  font-family: "Courier New", monospace;
   background-color: var(--bs-light);
   padding: 0.25rem 0.5rem;
   border-radius: 0.25rem;
@@ -250,7 +252,7 @@
 }
 
 .commandCell {
-  font-family: 'Courier New', monospace;
+  font-family: "Courier New", monospace;
   font-weight: 600;
   color: #495057;
   max-width: 100px;
@@ -383,7 +385,7 @@
 
 // Локальный оверрайд bootstrap для более плотной сетки на md
 @media (min-width: 768px) {
-  :global(.row-cols-md-6)>* {
+  :global(.row-cols-md-6) > * {
     flex: 0 0 auto;
     width: 7.666667%;
   }
@@ -396,7 +398,6 @@
 
   // Улучшаем читаемость на маленьких экранах
   @media (max-width: 576px) {
-
     th,
     td {
       padding: 0.25rem 0.125rem;
@@ -406,7 +407,6 @@
 
   // Улучшаем отображение на средних экранах
   @media (min-width: 577px) and (max-width: 768px) {
-
     th,
     td {
       padding: 0.375rem 0.25rem;
@@ -416,7 +416,6 @@
 
   // Оптимальное отображение на больших экранах
   @media (min-width: 769px) {
-
     th,
     td {
       padding: 0.5rem 0.375rem;
@@ -561,7 +560,9 @@
 // Стили для страницы ожидающих изменений
 .changeCard {
   cursor: pointer;
-  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  transition:
+    transform 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
   border: 1px solid #dee2e6;
 
   &:hover {
@@ -612,19 +613,35 @@
 
 .newNoteItem {
   border-left: 4px solid;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.9),
+    rgba(255, 255, 255, 0.7)
+  );
 
   [data-bs-theme="dark"] & {
-    background: linear-gradient(135deg, rgba(33, 37, 41, 0.9), rgba(33, 37, 41, 0.7));
+    background: linear-gradient(
+      135deg,
+      rgba(33, 37, 41, 0.9),
+      rgba(33, 37, 41, 0.7)
+    );
   }
 }
 
 .oldNoteItem {
   border-left: 4px solid;
-  background: linear-gradient(135deg, rgba(248, 249, 250, 0.9), rgba(248, 249, 250, 0.7));
+  background: linear-gradient(
+    135deg,
+    rgba(248, 249, 250, 0.9),
+    rgba(248, 249, 250, 0.7)
+  );
 
   [data-bs-theme="dark"] & {
-    background: linear-gradient(135deg, rgba(73, 80, 87, 0.9), rgba(73, 80, 87, 0.7));
+    background: linear-gradient(
+      135deg,
+      rgba(73, 80, 87, 0.9),
+      rgba(73, 80, 87, 0.7)
+    );
   }
 }
 
@@ -942,25 +959,41 @@
 
   // Первый цвет (светлый)
   &:nth-child(odd) {
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
+    background: linear-gradient(
+      135deg,
+      rgba(255, 255, 255, 0.9),
+      rgba(255, 255, 255, 0.7)
+    );
     border-color: rgba(0, 123, 255, 0.3);
     color: #495057;
 
     [data-bs-theme="dark"] & {
-      background: linear-gradient(135deg, rgba(52, 58, 64, 0.9), rgba(52, 58, 64, 0.7));
+      background: linear-gradient(
+        135deg,
+        rgba(52, 58, 64, 0.9),
+        rgba(52, 58, 64, 0.7)
+      );
       border-color: rgba(0, 123, 255, 0.5);
       color: #e9ecef;
     }
   }
 
   // Второй цвет (темный)
   &:nth-child(even) {
-    background: linear-gradient(135deg, rgba(248, 249, 250, 0.9), rgba(248, 249, 250, 0.7));
+    background: linear-gradient(
+      135deg,
+      rgba(248, 249, 250, 0.9),
+      rgba(248, 249, 250, 0.7)
+    );
     border-color: rgba(108, 117, 125, 0.3);
     color: #495057;
 
     [data-bs-theme="dark"] & {
-      background: linear-gradient(135deg, rgba(73, 80, 87, 0.9), rgba(73, 80, 87, 0.7));
+      background: linear-gradient(
+        135deg,
+        rgba(73, 80, 87, 0.9),
+        rgba(73, 80, 87, 0.7)
+      );
       border-color: rgba(108, 117, 125, 0.5);
       color: #e9ecef;
     }
@@ -1144,4 +1177,4 @@
       padding: 0.075rem 0.15rem;
     }
   }
-}
+}

src/Site/Pages/FramedataPage/components/README.md

@@ -62,16 +62,16 @@ components/
 Все компоненты экспортируются через главный индексный файл:
 
 ```typescript
-import { 
-  CharacterDetails, 
-  CharacterEditForm, 
-  CharacterGrid, 
+import {
+  CharacterDetails,
+  CharacterEditForm,
+  CharacterGrid,
   MovesView,
   PendingChangesPage,
   ChangeDetailsPage,
   GlobalSearch,
   getCharacterAvatar,
-  handleImageError 
+  handleImageError,
 } from "./components";
 ```
 

src/Site/Pages/Layout/Header/Header.module.scss

@@ -491,4 +491,4 @@
   &:hover i {
     transform: scale(1.1);
   }
-}
+}

src/Site/Pages/LogsPage/LogsPage.module.scss

@@ -285,7 +285,7 @@
 }
 
 .timestamp {
-  font-family: 'Courier New', monospace;
+  font-family: "Courier New", monospace;
   font-size: 0.85rem;
   color: var(--site-text-secondary);
   white-space: nowrap;
@@ -298,7 +298,7 @@
 }
 
 .stackTrace {
-  font-family: 'Courier New', monospace;
+  font-family: "Courier New", monospace;
   font-size: 0.8rem;
   background: var(--site-bg-tertiary);
   color: var(--site-text-primary);
@@ -417,7 +417,6 @@
 }
 
 @media (max-width: 576px) {
-
   .controlsCard,
   .statsCard,
   .logsTableCard {
@@ -445,4 +444,4 @@
     font-size: 0.7rem;
     padding: 0.5rem;
   }
-}
+}