design bottom bar

2026-02-20 14:09:25 +01:00 · 2026-02-20 14:09:25 +01:00 · a1eda42d87
commit a1eda42d87
parent f1ace8cc05
13 changed files with 288 additions and 221 deletions
--- a/assets/css/components/_bottom-bar.scss
+++ b/assets/css/components/_bottom-bar.scss
@ -0,0 +1,66 @@
+.bottom-bar{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: calc(var(--header-h)*0.75);
+    width: 100vw;
+    background-color: var(--color-bg);
+    padding-left: var(--padding-body);
+    padding-right: var(--padding-body);
+
+    border-top: 2px solid var(--grey-800);
+
+    .bottom-bar__inner{
+        height: calc(var(--header-h)*0.75);
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        gap: var(--padding-inner);
+    }
+
+ 
+    .btn--back-to-top{
+           @include icon(20px);
+           position: relative;
+           top: -3px;
+           width: 100px;
+           
+           a{
+            justify-content: flex-end;
+           }
+           
+
+        .icon{
+            transform: rotate(-90deg);
+            transform-origin: center;
+        }
+    }
+
+
+    .title-group{
+        font-size: var(--fs-small);
+        display: flex;
+        color: var(--color-txt-light);
+        flex-grow: 1;
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+     
+     
+        //  align-items: center;
+
+
+        .type{
+                text-transform: uppercase;
+                &::after{
+                    content: "/";
+                    padding-left: 1ch;
+                    padding-right: 1ch;
+                }
+                
+        }
+
+      
+    }
+}