diff options
Diffstat (limited to 'public')
-rw-r--r-- | public/main.css | 41 |
1 files changed, 34 insertions, 7 deletions
diff --git a/public/main.css b/public/main.css index c93be65..ae0e74e 100644 --- a/public/main.css +++ b/public/main.css @@ -17,11 +17,14 @@ body { } .g-Layout__Header { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; background-color: var(--color-header); color: white; font-size: 2rem; height: 3rem; - line-height: 3rem; padding: 0 0.5rem; } @@ -49,6 +52,10 @@ body { /* Modal */ +:root { + --modal-border-radius: 1rem; +} + #g-Modal { z-index: 1000; position: absolute; @@ -73,19 +80,17 @@ body { .g-Modal__Window { position: relative; background-color: white; - border-radius: 1rem; + border-radius: var(--modal-border-radius); padding: 2rem 4rem; width: 50%; } .g-Modal__Close { position: absolute; - top: 2rem; - right: 2rem; - cursor: pointer; - border: none; - background-color: transparent; + top: 0px; + right: 0px; font-size: 200%; + border-top-right-radius: var(--modal-border-radius); } .g-Modal__Close:hover { @@ -140,6 +145,13 @@ body { height: 5rem; } +.g-Form__DefaultColor { + border: 1px solid #333333 !important; + width: 20px; + height: 20px; + border-radius: 50%; +} + /* Autocomplete */ :root { @@ -178,6 +190,21 @@ body { /* Button */ +.g-Button__Raw { + cursor: pointer; + background-color: transparent; + border: none; + color: inherit; +} + +.g-Button__Text { + cursor: pointer; + background-color: transparent; + border: none; + color: inherit; + text-decoration: underline; +} + .g-Button__Action { background-color: green; color: white; |