From 09c70699384472c121912c8dc36dfe4b02539fe7 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Mon, 16 Jan 2023 23:21:18 +0100 Subject: refactor: Style changes --- src/wwwroot/index.css | 69 +++++++++++++++++--------------------------------- src/wwwroot/index.html | 39 ++++++++++++++++++---------- 2 files changed, 48 insertions(+), 60 deletions(-) (limited to 'src') diff --git a/src/wwwroot/index.css b/src/wwwroot/index.css index 83d19bb..a35096c 100644 --- a/src/wwwroot/index.css +++ b/src/wwwroot/index.css @@ -19,62 +19,39 @@ form { flex-wrap: wrap; } -#forms .wrapper { - width: 300px; +@media (max-width: 476px) { + form { + max-width: 100%; + } } -textarea { - overflow-y: hidden; - min-height: calc(1.5em + .75rem + 2px); - resize: vertical; -} - -.btn { - padding: 4px 12px; - min-width: 88px; - border: none; - font: inherit; - color: #373030; - border-radius: 4px; - outline: none; - text-decoration: none; - cursor: default; - font-weight: 400; - background: #fff; - box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4); -} - -.btn:active { - background: linear-gradient(#4faefc, #006bff); - color: #fff; - position: relative; -} - -.btn.btn-blue { - color: #fff; - background: linear-gradient(#81c5fd, #3389ff); +.flex-end { + display: flex; + align-items: end; + flex-direction: column; } -.btn.btn-blue:active { - background: linear-gradient(#4faefc, #006bff); +legend { + font-weight: 600; } -.btn.btn-red { - color: #fff; - background: linear-gradient(#fd6c6f, #e70307); +textarea { + overflow-y: hidden; + min-height: calc(1.5em + .75rem + 2px); + min-width: 260.5px; } -.btn.btn-red:active { - background: linear-gradient(#fc2125, #b50206); +button { + background: #e9e9ed; + border: 1px solid #8f8f9d; + cursor: pointer; + width: fit-content; } -.btn.btn-green { - color: #fff; - background: linear-gradient(#89e36b, #44ae21); +button:active { + background: #d1d1d5; } -.btn.btn-green:active { - background: linear-gradient(#56d72b, #338319); -} +input { -.text-input {} \ No newline at end of file +} \ No newline at end of file diff --git a/src/wwwroot/index.html b/src/wwwroot/index.html index 429b3a1..0bc9484 100644 --- a/src/wwwroot/index.html +++ b/src/wwwroot/index.html @@ -3,16 +3,19 @@ + + Blobbin

Blobbin

This is a web service you can upload files and texts to.

-
-

Upload a file

+
+ Upload a file
+ @@ -24,15 +27,20 @@ - - +
+ + +
-
-
-

Upload some text

+ + +
+ Upload some text
+ @@ -46,12 +54,15 @@ - - +
+ + +
-
+