right hamburger

KeenMate · Feb 12, 2025 · 8c1f0eb · 8c1f0eb
1 parent 496b976
commit 8c1f0eb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/poc/public/styles.css b/poc/public/styles.css
@@ -48,7 +48,6 @@ body {
 .sticky-hamburger {
     position: fixed;
     top: 50%;
-    left: 0;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.9);
     border-radius: 0.25rem;
@@ -60,6 +59,13 @@ body {
     display: none;
 }
 
+.btn-left{
+    left: 0;
+}
+.btn-right {
+    right: 0;
+}
+
 .header-left {
     display: flex;
     align-items: center;

diff --git a/poc/src/App.svelte b/poc/src/App.svelte
@@ -210,7 +210,11 @@
         </div>
       </div>
 
-      <button class="hamburger-btn sticky-hamburger" on:click={toggleSidebar}>
+      <button class="hamburger-btn sticky-hamburger btn-left" on:click={toggleSidebar}>
+        <i class="fas fa-bars"></i>
+      </button>
+
+      <button class="hamburger-btn sticky-hamburger btn-right" on:click={toggleSidebar}>
         <i class="fas fa-bars"></i>
       </button>