diff --git a/src/public/conversion/index.html b/src/public/conversion/index.html index 7f5b68a..52031cc 100644 --- a/src/public/conversion/index.html +++ b/src/public/conversion/index.html @@ -10,7 +10,8 @@ -
+
diff --git a/src/public/index.html b/src/public/index.html index 9aa94cb..40e3740 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -10,8 +10,8 @@ -
- +
diff --git a/src/public/metadata/edit/index.html b/src/public/metadata/edit/index.html index e5bf14c..ac1b5d7 100644 --- a/src/public/metadata/edit/index.html +++ b/src/public/metadata/edit/index.html @@ -14,6 +14,10 @@ +
Back diff --git a/src/public/metadata/index.html b/src/public/metadata/index.html index 515adef..15681d8 100644 --- a/src/public/metadata/index.html +++ b/src/public/metadata/index.html @@ -10,7 +10,8 @@ -
+
diff --git a/src/public/static/css/base.css b/src/public/static/css/base.css index 3ba2c02..5703f87 100644 --- a/src/public/static/css/base.css +++ b/src/public/static/css/base.css @@ -1,3 +1,13 @@ +@keyframes moon-pulse { + from { + filter: drop-shadow(0px 0px 0px #e7d7a8); + } + + to { + filter: drop-shadow(0px 0px 12px white); + } +} + * { margin: 0; box-sizing: border-box; @@ -29,19 +39,17 @@ header { gap: 0.8em; color: white; - a, button { - padding: 0.4em 0.8em; - border: none; - color: black; - background-color: #e4e4e4; - font-size: inherit; - font-family: inherit; - text-decoration: none; - border-radius: 0.2em; - cursor: pointer; + &#header { + align-items: center; - &:hover { - background-color: #dbdbdb; + img.logo { + width: 4em; + height: 4em; + object-fit: contain; + + &:hover { + animation: moon-pulse 2s alternate infinite linear; + } } } } diff --git a/src/public/static/css/edit.css b/src/public/static/css/edit.css index d1ead42..166702f 100644 --- a/src/public/static/css/edit.css +++ b/src/public/static/css/edit.css @@ -4,6 +4,27 @@ main { gap: 1.2em; } +header#toolbar { + padding: 0.8em; + background-color: #4b4b4b; + + a, button { + padding: 0.4em 0.8em; + border: none; + color: black; + background-color: #e4e4e4; + font-size: inherit; + font-family: inherit; + text-decoration: none; + border-radius: 0.2em; + cursor: pointer; + + &:hover { + background-color: #dbdbdb; + } + } +} + #toggle-notifs { margin-left: auto; } diff --git a/src/public/static/css/index.css b/src/public/static/css/index.css index eee346f..7df7e82 100644 --- a/src/public/static/css/index.css +++ b/src/public/static/css/index.css @@ -1,12 +1,3 @@ -header { - align-items: center; - img { - width: 4em; - height: 4em; - object-fit: contain; - } -} - #pages { display: grid; max-width: calc(max(50%, 20em));