Исправление путей к статическим файлам

- Перенос trips-calendar.css в /static/css/ - Перенос upcoming-trips.js и trip-form-loader.js в /static/js/ - Удаление файлов из неправильной папки /public/
2025-09-03 12:54:13 +02:00
parent b005106df0
commit 7eb2f8ae31
3 changed files with 399 additions and 0 deletions
@@ -0,0 +1,159 @@
+/**
+ * Стили для календаря поездок (карточки из upcoming-trips.json)
+ * Заменяет внешний Tockify виджет
+ */
+
+.trips-calendar {
+    margin: 20px 0;
+    padding: 0;
+}
+
+.trips-calendar .trip-card {
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border: 1px solid #e0e0e0;
+    border-radius: 12px;
+    margin-bottom: 20px;
+    overflow: hidden;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.trips-calendar .trip-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.trips-calendar .trip-image {
+    position: relative;
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+}
+
+.trips-calendar .trip-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform 0.3s ease;
+}
+
+.trips-calendar .trip-card:hover .trip-image img {
+    transform: scale(1.05);
+}
+
+.trips-calendar .trip-overlay {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    background: rgba(0, 0, 0, 0.8);
+    color: white;
+    padding: 8px 12px;
+    border-radius: 6px;
+    font-size: 0.9em;
+    font-weight: 500;
+}
+
+.trips-calendar .trip-content {
+    padding: 20px;
+}
+
+.trips-calendar .trip-content h3 {
+    margin: 0 0 12px 0;
+    font-size: 1.4em;
+    font-weight: 600;
+    color: #333;
+    line-height: 1.3;
+}
+
+.trips-calendar .trip-details p {
+    margin: 0 0 16px 0;
+    color: #666;
+    line-height: 1.5;
+    font-size: 0.95em;
+}
+
+.trips-calendar .trip-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-top: 12px;
+}
+
+.trips-calendar .trip-meta span {
+    background: #f0f4f8;
+    color: #2d3748;
+    padding: 6px 12px;
+    border-radius: 20px;
+    font-size: 0.85em;
+    border: 1px solid #e2e8f0;
+}
+
+/* Адаптивность */
+@media (min-width: 768px) {
+    .trips-calendar {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+        gap: 24px;
+    }
+    
+    .trips-calendar .trip-card {
+        margin-bottom: 0;
+    }
+}
+
+@media (min-width: 1024px) {
+    .trips-calendar {
+        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    }
+}
+
+/* Состояние загрузки */
+.trips-calendar .loading {
+    text-align: center;
+    padding: 40px 20px;
+    color: #666;
+    font-size: 1.1em;
+}
+
+.trips-calendar .error {
+    text-align: center;
+    padding: 40px 20px;
+    color: #e53e3e;
+    background: #fed7d7;
+    border-radius: 8px;
+    margin: 20px 0;
+}
+
+.trips-calendar .no-trips {
+    text-align: center;
+    padding: 40px 20px;
+    color: #666;
+    background: #f7fafc;
+    border-radius: 8px;
+    border: 1px dashed #cbd5e0;
+}
+
+/* Темная тема (если используется) */
+@media (prefers-color-scheme: dark) {
+    .trips-calendar .trip-card {
+        background: #2d3748;
+        border-color: #4a5568;
+        color: #e2e8f0;
+    }
+    
+    .trips-calendar .trip-content h3 {
+        color: #f7fafc;
+    }
+    
+    .trips-calendar .trip-details p {
+        color: #a0aec0;
+    }
+    
+    .trips-calendar .trip-meta span {
+        background: #4a5568;
+        color: #e2e8f0;
+        border-color: #718096;
+    }
+}