diff options
| author | boasting-squirrel <boasting.squirrel@gmail.com> | 2019-04-06 16:38:08 +0000 |
|---|---|---|
| committer | boasting-squirrel <boasting.squirrel@gmail.com> | 2019-04-06 16:38:08 +0000 |
| commit | 7d5a5a79f63deb68aaeb98472e4277871cc691a8 (patch) | |
| tree | bbfe8cf40be3e172207817d98732d0e3d17993ad /src | |
| parent | Changed link description in case of upload error (diff) | |
| download | miniserve-7d5a5a79f63deb68aaeb98472e4277871cc691a8.tar.gz miniserve-7d5a5a79f63deb68aaeb98472e4277871cc691a8.zip | |
Improved design
Diffstat (limited to 'src')
| -rw-r--r-- | src/renderer.rs | 39 |
1 files changed, 21 insertions, 18 deletions
diff --git a/src/renderer.rs b/src/renderer.rs index a4f003d..5a85c35 100644 --- a/src/renderer.rs +++ b/src/renderer.rs @@ -32,18 +32,20 @@ pub fn page( div.container { span#top { } h1.title { (page_title) } - div.download { - @for compression_method in archive::CompressionMethod::get_compression_methods() { - (archive_button(compression_method)) + div.toolbar { + div.download { + @for compression_method in archive::CompressionMethod::get_compression_methods() { + (archive_button(compression_method)) + } } - } - @if file_upload { - div.upload { - form id="file_submit" action={(upload_route) "?path=" (current_dir)} method="POST" enctype="multipart/form-data" { - p { "Select a file to upload or drag it anywhere into the window" } - div { - input#file-input type="file" name="file_to_upload" {} - button type="submit" { "Upload file" } + @if file_upload { + div.upload { + form id="file_submit" action={(upload_route) "?path=" (current_dir)} method="POST" enctype="multipart/form-data" { + p { "Select a file to upload or drag it anywhere into the window" } + div { + input#file-input type="file" name="file_to_upload" {} + button type="submit" { "Upload file" } + } } } } @@ -486,11 +488,17 @@ fn css(color_scheme: &themes::ColorScheme) -> Markup { text-decoration: none; background: {back_button_background_hover}; }} + .toolbar {{ + margin-top: 2rem; + display: flex; + justify-content: space-between; + }} .download {{ + padding: 0.125rem; display: flex; + flex-direction: row; + align-items: flex-start; flex-wrap: wrap; - margin-top: .5rem; - padding: 0.125rem; }} .download a, .download a:visited {{ color: {download_button_link_color}; @@ -499,7 +507,6 @@ fn css(color_scheme: &themes::ColorScheme) -> Markup { background: {download_button_background}; padding: 0.5rem; border-radius: 0.2rem; - margin-top: 1rem; }} .download a:hover {{ background: {download_button_background_hover}; @@ -511,7 +518,6 @@ fn css(color_scheme: &themes::ColorScheme) -> Markup { .upload {{ display: flex; justify-content: flex-end; - margin-top: 1rem; }} .upload p {{ font-size: 0.8rem; @@ -574,9 +580,6 @@ fn css(color_scheme: &themes::ColorScheme) -> Markup { .back {{ display: initial; }} - .upload {{ - margin-top: 2rem; - }} .upload form {{ width: 100%; }} |