update

2024-11-20 12:54:11 +07:00
parent 523680a350
commit bb5c579630
2136 changed files with 597821 additions and 8689 deletions
--- a/static/admin/assets/scss/components/_avatars.scss
+++ b/static/admin/assets/scss/components/_avatars.scss
@@ -0,0 +1,134 @@
+/**=====================
+    Avatars CSS start
+==========================**/
+.avatars {
+    .avatar {
+        display: inline-block;
+        margin-right: 10px;
+        position: relative;
+        width: auto;
+
+        &:last-child {
+            margin-right: 0;
+        }
+
+        .b-r-30 {
+            border-radius: 30px;
+        }
+
+        .b-r-35 {
+            border-radius: 35px;
+        }
+
+        .b-r-25 {
+            border-radius: 25px;
+        }
+
+        .b-r-15 {
+            border-radius: 15px;
+        }
+
+        &.ratio {
+            img {
+                width: auto;
+            }
+        }
+
+        .status {
+            position: absolute;
+            height: 12%;
+            width: 12%;
+            border-radius: 100%;
+            bottom: 12%;
+            right: 4%;
+        }
+
+        .img-100 {
+            width: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320))) !important;
+            height: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));
+        }
+
+        .img-90 {
+            width: calc(65px + (90 - 65) * ((100vw - 320px) / (1920 - 320))) !important;
+            height: calc(65px + (90 - 65) * ((100vw - 320px) / (1920 - 320)));
+        }
+
+        .img-80 {
+            width: calc(55px + (80 - 55) * ((100vw - 320px) / (1920 - 320))) !important;
+            height: calc(55px + (80 - 55) * ((100vw - 320px) / (1920 - 320)));
+        }
+
+        .img-70 {
+            width: calc(45px + (70 - 45) * ((100vw - 320px) / (1920 - 320))) !important;
+            height: calc(45px + (70 - 45) * ((100vw - 320px) / (1920 - 320)));
+        }
+    }
+}
+
+.status-offline {
+    background-color: $danger-color;
+}
+
+.status-online {
+    background-color: $success-color ;
+}
+
+.status-dnd {
+    background-color: $warning-color ;
+}
+
+.customers {
+    ul {
+        display: inline-block;
+
+        li {
+            img {
+                border: 2px solid $white;
+                transition: 0.5s;
+
+                &:hover {
+                    transform: translateY(-4px) scale(1.02);
+                    transition: 0.5s;
+                }
+            }
+
+            +li {
+                margin-left: -7%;
+            }
+        }
+    }
+
+    &.avatar-group {
+        margin-right: 30px;
+
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+}
+
+.avatar-showcase {
+    margin-bottom: -10px;
+
+    .avatars {
+        .avatar {
+            margin-bottom: 10px;
+        }
+    }
+
+    .avatar-group {
+        margin-bottom: 10px;
+    }
+
+    .ratio {
+        >* {
+            position: relative;
+            top: unset;
+            left: unset;
+        }
+    }
+}
+
+/**=====================
+     80. avatars CSS Ends
+==========================**/