0.0.23 my routes

2025-01-14 17:50:56 +03:00
parent c237875732
commit cdedebd9f6
5 changed files with 96 additions and 8 deletions
--- a/static/v2/css/widgets/w_route_card.css
+++ b/static/v2/css/widgets/w_route_card.css
@@ -0,0 +1,47 @@
+.w_route_card {
+    padding: 20px;
+    --route-card-bg: #FFFFFF;
+    --route-card-box_shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
+    --route-text-color: #000000;
+
+    --route-text-container-bg: #F1F1F1;
+    --route-text-container-padding: 15px;
+    --route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%);
+
+    --route-card-owner-avatar-size: 52px;
+
+    background: var(--route-card-bg);
+    box-shadow: var(--route-card-box_shadow);
+    color: var(--route-text-color);
+    .route_card_info_data{
+        position: relative;
+        .route_card_text_img{
+            position: absolute;
+            top: 25px;
+            filter: var(--route-text-img-filter);
+            display: block;
+        }
+        .route_card_owner_avatar{
+            height: var(--route-card-owner-avatar-size);
+            width: var(--route-card-owner-avatar-size);
+            border-radius: 100%;
+            display: block;
+        }
+        .route_card_text_container{
+            background: var(--route-text-container-bg);
+            padding: var(--route-text-container-padding);
+        }
+        .route_card_owner_info{
+            margin-left: 75px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .route_card_info_left_part{
+                display: flex;
+                align-items: center;
+                gap: 10px;
+            }
+        }
+    }
+}