fix: make the login screen layout adapt to resizes

This commit is contained in:
2022-01-25 00:05:34 +02:00
parent 4ba51b7f8d
commit 4132faebe1
4 changed files with 37 additions and 27 deletions
+11 -7
View File
@@ -16,7 +16,9 @@
package login
import "github.com/charmbracelet/lipgloss"
import (
"github.com/charmbracelet/lipgloss"
)
const WelcomeMsg = `
@@ -33,19 +35,15 @@ const WelcomeMsg = `
`
var (
WelcomeMsgStyle = lipgloss.NewStyle().
Padding(0, 5).
MarginBottom(5)
FocusedButton = lipgloss.NewStyle().
Background(lipgloss.Color("105")).
Foreground(lipgloss.Color("255")).
Foreground(lipgloss.Color("#000")).
MarginTop(1).
Padding(0, 2).
Align(lipgloss.Center).
Render("Connect")
BlurredButton = lipgloss.NewStyle().
Background(lipgloss.Color("#809070")).
Background(lipgloss.Color("#505050")).
Foreground(lipgloss.Color("#EEEEEE")).
MarginTop(1).
Padding(0, 2).
@@ -71,4 +69,10 @@ var (
Foreground(lipgloss.Color("#EEEEEE")).
MarginTop(1).
Render("[x] Enable TLS")
DialogStyle = lipgloss.NewStyle().
Align(lipgloss.Center)
WelcomeMsgStyle = lipgloss.NewStyle().
Align(lipgloss.Center)
)