0.0.1 new functional twb

2025-01-08 21:33:19 +03:00
parent a76663ea81
commit 2b809ae9a6
12 changed files with 246 additions and 5 deletions
--- a/static/v2/css/widgets/w_select_country.css
+++ b/static/v2/css/widgets/w_select_country.css
@@ -0,0 +1,59 @@
+.w_select_country {
+    position: relative;
+    --header-padding: 10px 20px;
+    --select-border: #E6E6E6;
+    --select-border-radius: 10px;
+
+    .w_select_country_header{
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        justify-content: space-between;
+        border: 1px solid var(--select-border);
+        border-radius: var(--select-border-radius);
+        padding: 10px;
+
+        .select_country_header_left_part{
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            width: calc(100% - 36px);
+
+            .container_inf_about_country{
+                display: none;
+                align-items: center;
+                gap: 5px;
+                &:has(img[src]){
+                    display: flex;
+                }
+                img{
+                    height: 12px;
+                    width: 24px;
+                    object-fit: contain;
+                }
+                div{
+                    color: #27242499;
+                    font-size: 14px;
+                }
+            }
+            input{
+                border: none;
+                outline: none;
+                background: none;
+                padding: 0;
+                flex-grow: 1;
+                border-radius: 0;
+            }
+        }
+        .w_select_country_icon{
+            height: 26px;
+        }
+    }
+    .w_select_country_content{
+        position: absolute;
+        top: 60px;
+    }
+    &.closed{
+        .w_select_country_content{display: none}
+    }
+}