feat: use position sticky for demo bar

2024-11-01 19:36:47 +01:00
1 changed files with 2 additions and 3 deletions
--- a/frontend/src/components/home/DemoMode.vue
+++ b/frontend/src/components/home/DemoMode.vue
@@ -28,10 +28,9 @@ const enabled = computed(() => configStore.demoModeEnabled && !hide.value)

 <style scoped lang="scss">
 .demo-mode-banner {
-	position: fixed;
+	position: sticky;
 	bottom: 0;
-	left: 0;
-	right: 0;
+	inset-inline: 0;
 	background: var(--danger);
 	z-index: 100;
 	padding: .5rem;