Update examples

Basssiiie · Aug 12, 2022 · 601f383 · 601f383
1 parent 1945989
commit 601f383
Show file tree

Hide file tree

Showing 5 changed files with 183 additions and 202 deletions.
diff --git a/examples/AllWidgets/index.ts b/examples/AllWidgets/index.ts
@@ -12,21 +12,21 @@ const allWidgets = window({
 	title: "All Widgets (fui example)",
 	width: 200, minWidth: 75, maxWidth: 10_000,
 	height: 350, minHeight: 75, maxHeight: 10_000,
-	padding: 5,
 	content: [
 		label({
 			text: "This is a label",
 		}),
 		box({
 			content: label({
-				text: "This is a boxed label"
+				text: "This is a label in a box "
 			})
 		}),
 		box({
-			text: "Boxed label",
+			text: "Label on top of a box",
 			content: label({
-				padding: [ "10px", "1w" ],
-				text: "This is a centred labeled boxed label"
+				width: "140px",
+				padding: { left: "1w" },
+				text: "This is a right aligned label"
 			})
 		}),
 		groupbox({

diff --git a/examples/AllWidgets/package-lock.json b/examples/AllWidgets/package-lock.json
diff --git a/examples/BirdStalker/index.ts b/examples/BirdStalker/index.ts
@@ -46,7 +46,6 @@ const birdStalker = window({
 			text: "Duck-o-cam",
 			content: viewport({
 				target: compute(model.selectedDuck, duck => (duck) ? duck.id : null),
-				padding: 12,
 			})
 		}),
 		label({
@@ -71,7 +70,7 @@ const birdStalker = window({
 				items: compute(model.allDucks, v => v.map(d => `Duck #${d.id}`)),
 				selectedIndex: model.selectedDuckIndex,
 				disabled: compute(model.allDucks, v => v.length === 0),
-				disabledMessage: "No ducks detected",
+				disabledMessage: "Duck not found",
 				onChange: (index: number) => model.selectedDuckIndex.set(index)
 			}),
 			button({