aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/main.css41
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;