diff options
| author | Kjetil Orbekk <kj@orbekk.com> | 2022-12-29 07:07:36 -0500 |
|---|---|---|
| committer | Kjetil Orbekk <kj@orbekk.com> | 2022-12-29 07:12:51 -0500 |
| commit | 7862c791be6dbec56785c2c95933bcdeb34da366 (patch) | |
| tree | 22324a2d002cd663234f9ba7e32775df298c7de6 | |
| parent | cfc761a9141b2db2fd6610514837186d4743b67d (diff) | |
Add styling for the welcome page
| -rw-r--r-- | webapp/index.html | 2 | ||||
| -rw-r--r-- | webapp/src/default.css | 19 | ||||
| -rw-r--r-- | webapp/src/main.rs | 9 |
3 files changed, 27 insertions, 3 deletions
diff --git a/webapp/index.html b/webapp/index.html index 54e7990..23b7e6c 100644 --- a/webapp/index.html +++ b/webapp/index.html @@ -1,6 +1,8 @@ <!doctype html> <html lang="en"> <head> + <title>Bridge App</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link data-trunk rel="css" href="src/default.css"/> </head> <body></body> diff --git a/webapp/src/default.css b/webapp/src/default.css index acb8356..82fca71 100644 --- a/webapp/src/default.css +++ b/webapp/src/default.css @@ -76,6 +76,25 @@ body { grid-area: bottom; } +.main-page { + margin: 0 auto; + max-width: 30em; + font-size: 150%; +} + +.main-menu { +} + +.main-page h1, p { + margin-top: 0.5em; + padding-top: 0.5em; + line-height: 1.5; +} + +.main-menu li { + list-style-type: none; +} + button { background: none!important; border: none; diff --git a/webapp/src/main.rs b/webapp/src/main.rs index de4dd7a..7dd40d9 100644 --- a/webapp/src/main.rs +++ b/webapp/src/main.rs @@ -57,10 +57,13 @@ fn home() -> Html { }; html! { - <ul> - <li>{ user }</li> - <li><button onclick={create_table}>{ "Create table" }</button></li> + <div class="main-page"> + <h1>{"Bridge App"}</h1> + <ul class="main-menu"> + <li>{ user }</li> + <li><button onclick={create_table}>{ "Create table" }</button></li> </ul> + </div> } } |