make storybook a tabbed window
This commit is contained in:
parent
8aced615ce
commit
7cffff00be
6 changed files with 246 additions and 196 deletions
11
components/StyledTabBar.qml
Normal file
11
components/StyledTabBar.qml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
import qs.config
|
||||
import QtQuick
|
||||
import QtQuick.Controls.Basic
|
||||
|
||||
TabBar {
|
||||
id: control
|
||||
|
||||
background: Rectangle {
|
||||
color: Styling.theme.base100
|
||||
}
|
||||
}
|
||||
24
components/StyledTabButton.qml
Normal file
24
components/StyledTabButton.qml
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
import qs.config
|
||||
import QtQuick
|
||||
import QtQuick.Controls.Basic
|
||||
|
||||
TextArea {
|
||||
id: control
|
||||
|
||||
font.pixelSize: Styling.typography.textSize.base
|
||||
|
||||
background: Rectangle {
|
||||
id: rectangle
|
||||
color: control.hovered ? Styling.theme.primary : Styling.theme.base200
|
||||
Behavior on color {
|
||||
ColorAnimation {
|
||||
duration: Styling.animations.speed.normal
|
||||
}
|
||||
}
|
||||
radius: Styling.theme.radiusField
|
||||
}
|
||||
|
||||
HoverHandler {
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue