diff options
| -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> } } |