Improve ui styling a bit

Jacalz · Jan 4, 2025 · 06c6d4f · 06c6d4f
1 parent 42762c3
commit 06c6d4f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 13 deletions.
diff --git a/internal/ui/recv.go b/internal/ui/recv.go
@@ -14,12 +14,12 @@ func createRecvPage(_ fyne.App, _ fyne.Window) fyne.CanvasObject {
 	icon.FillMode = canvas.ImageFillContain
 	icon.SetMinSize(fyne.NewSquareSize(200))
 
-	title := &widget.Label{Text: "Receive Data", Alignment: fyne.TextAlignCenter, TextStyle: fyne.TextStyle{Bold: true}}
-	description := &widget.Label{Text: "Enter a code below to start receiving data", Alignment: fyne.TextAlignCenter}
+	description := &widget.Label{Text: "Enter a code below to start receiving data.", Alignment: fyne.TextAlignCenter}
 
 	code := &widget.Entry{PlaceHolder: "Code from sender", Validator: util.CodeValidator}
+	start := &widget.Button{Text: "Start Receive", Icon: theme.DownloadIcon(), Importance: widget.HighImportance}
 
-	content := container.NewVBox(icon, &widget.Separator{}, title, description, &widget.Separator{}, code)
+	content := container.NewVBox(icon, description, &widget.Separator{}, code, &widget.Separator{}, container.NewCenter(start))
 
 	return container.NewCenter(content)
 }
diff --git a/internal/ui/send.go b/internal/ui/send.go
@@ -13,15 +13,13 @@ func createSendPage(_ fyne.App, _ fyne.Window) fyne.CanvasObject {
 	icon.FillMode = canvas.ImageFillContain
 	icon.SetMinSize(fyne.NewSquareSize(200))
 
-	title := &widget.Label{Text: "Send Data", Alignment: fyne.TextAlignCenter, TextStyle: fyne.TextStyle{Bold: true}}
-	description := &widget.Label{Text: "Select data type below or drop files here", Alignment: fyne.TextAlignCenter}
+	description := &widget.Label{Text: "Select data type below or drop files here.", Alignment: fyne.TextAlignCenter}
 
-	// Buttons for starting sends.
-	file := &widget.Button{Icon: theme.FileTextIcon(), Text: "Send File"}
-	folder := &widget.Button{Icon: theme.FolderIcon(), Text: "Send Folder"}
-	text := &widget.Button{Icon: theme.DocumentIcon(), Text: "Send Text"}
+	file := &widget.Button{Icon: theme.FileTextIcon(), Text: "Send File", Importance: widget.HighImportance}
+	folder := &widget.Button{Icon: theme.FolderIcon(), Text: "Send Folder", Importance: widget.HighImportance}
+	text := &widget.Button{Icon: theme.DocumentIcon(), Text: "Send Text", Importance: widget.HighImportance}
 
-	buttons := container.NewVBox(icon, &widget.Separator{}, title, description, &widget.Separator{}, file, folder, text)
-
-	return container.NewCenter(buttons)
+	buttons := container.NewCenter(container.NewHBox(file, &widget.Separator{}, folder, &widget.Separator{}, text))
+	content := container.NewVBox(icon, description, &widget.Separator{}, buttons)
+	return container.NewCenter(content)
 }
diff --git a/main.go b/main.go
@@ -14,7 +14,7 @@ func main() {
 	w := a.NewWindow("Rymdport")
 
 	w.SetContent(ui.Create(a, w))
-	w.Resize(fyne.NewSize(700, 400))
+	w.Resize(fyne.NewSize(600, 400))
 	w.SetMaster()
 	w.ShowAndRun()
 }