Skip to content

Commit be179a9

Browse files
committed
The tab bar now provides a much better user experience with proper fixed positioning, dedicated space for status information, and smooth scrolling for multiple tabs.
Signed-off-by: RAWx18 <rawx18.dev@gmail.com>
1 parent 59cc146 commit be179a9

File tree

2 files changed

+257
-179
lines changed

2 files changed

+257
-179
lines changed

frontend/src/modules/layout/components/layout.vue

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
<template>
22
<div class="flex flex-col h-screen bg-black overflow-hidden">
3-
<!-- Top Bar (Full Width, High Z-Index) -->
4-
<div class="relative z-[3000] shrink-0">
5-
<tab-bar />
6-
</div>
3+
<!-- Top Bar (Fixed Position) -->
4+
<tab-bar />
75

8-
<!-- Main Content Area -->
9-
<el-container class="flex-1 overflow-hidden bg-black relative">
6+
<!-- Main Content Area with top padding to account for fixed tab bar -->
7+
<el-container class="flex-1 overflow-hidden bg-black relative pt-[45px]">
108
<!-- Mobile Overlay -->
119
<div
1210
v-if="isMobile && !collapsed"

0 commit comments

Comments
 (0)