demo: layout fixes, sticky removal, style overrides, css-like rendering improvements

This commit is contained in:
Glint Dev
2026-07-24 16:46:00 +03:00
parent 415de4d6e6
commit 32beb81ac4
8 changed files with 289 additions and 134 deletions

17
examples/dock/dock.gltm Normal file
View File

@@ -0,0 +1,17 @@
@version 1
@style "styles.glts"
Window(title="Dock") {
Panel(class="wallpaper")
Panel(class="dock-outer") {
Panel(class="dock") {
Button(label=" Finder ", class="dock-icon")
Button(label=" Safari ", class="dock-icon")
Button(label=" Mail ", class="dock-icon")
Button(label=" Music ", class="dock-icon")
Button(label=" Photos ", class="dock-icon")
Button(label=" Trash ", class="dock-icon")
}
}
}

56
examples/dock/styles.glts Normal file
View File

@@ -0,0 +1,56 @@
$dock-bg = #2c2c2e
$icon-bg = #3a3a3c
$text = #ffffff
$accent = #0a84ff
Window {
background: #1c1c1e
height: 100vh
}
Panel {
background: transparent
border-width: 0px
padding: 0px
gap: 0px
direction: vertical
}
.wallpaper {
width: fill
height: fill
}
.dock-outer {
position: fixed
bottom: 12px
width: 50%
direction: horizontal
content-align: center
align-items: center
}
.dock {
direction: horizontal
gap: 6px
background: $dock-bg
padding: 8px 14px
border-radius: 16px
border-width: 1px
border-color: #444
}
.dock-icon {
background: $icon-bg
color: $text
font-size: 13px
font-weight: 600
padding: 6px 10px
border-width: 0px
border-radius: 8px
}
.dock-icon:hover {
background: $accent
color: #fff
}