separator lines for tabbar

This commit is contained in:
end-4
2025-04-27 23:49:15 +02:00
parent cc69a4bac4
commit 36e3171391
5 changed files with 21 additions and 4 deletions
@@ -83,4 +83,11 @@ ColumnLayout {
} }
} }
Rectangle { // Tabbar bottom border
id: tabBarBottomBorder
Layout.fillWidth: true
height: 1
color: Appearance.m3colors.m3outlineVariant
}
} }
@@ -254,7 +254,7 @@ Item { // Wrapper
visible: root.showResults visible: root.showResults
Layout.fillWidth: true Layout.fillWidth: true
height: 1 height: 1
color: Appearance.m3colors.m3outline color: Appearance.m3colors.m3outlineVariant
} }
ListView { // App results ListView { // App results
@@ -6,12 +6,12 @@ import "./quickToggles/"
import QtQuick import QtQuick
import QtQuick.Controls import QtQuick.Controls
import QtQuick.Layouts import QtQuick.Layouts
import Qt5Compat.GraphicalEffects
import Quickshell.Io import Quickshell.Io
import Quickshell import Quickshell
import Quickshell.Widgets import Quickshell.Widgets
import Quickshell.Wayland import Quickshell.Wayland
import Quickshell.Hyprland import Quickshell.Hyprland
import Qt5Compat.GraphicalEffects
Scope { Scope {
property int sidebarWidth: Appearance.sizes.sidebarWidth property int sidebarWidth: Appearance.sizes.sidebarWidth
@@ -42,7 +42,7 @@ Button {
font.weight: bold ? Font.Bold : isToday == -1 ? Font.Normal : Font.DemiBold font.weight: bold ? Font.Bold : isToday == -1 ? Font.Normal : Font.DemiBold
color: (isToday == 1) ? Appearance.m3colors.m3onPrimary : color: (isToday == 1) ? Appearance.m3colors.m3onPrimary :
(isToday == 0) ? Appearance.colors.colOnLayer1 : (isToday == 0) ? Appearance.colors.colOnLayer1 :
Appearance.m3colors.m3outline Appearance.m3colors.m3outlineVariant
Behavior on color { Behavior on color {
ColorAnimation { ColorAnimation {
@@ -113,6 +113,13 @@ Item {
} }
} }
Rectangle { // Tabbar bottom border
id: tabBarBottomBorder
Layout.fillWidth: true
height: 1
color: Appearance.m3colors.m3outlineVariant
}
SwipeView { SwipeView {
id: swipeView id: swipeView
Layout.topMargin: 10 Layout.topMargin: 10
@@ -120,7 +127,10 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
clip: true clip: true
currentIndex: currentTab currentIndex: currentTab
onCurrentIndexChanged: currentTab = currentIndex onCurrentIndexChanged: {
tabIndicator.enableIndicatorAnimation = true
currentTab = currentIndex
}
// To Do tab // To Do tab
TaskList { TaskList {