diff --git a/admin/static/admin.css b/admin/static/admin.css index 821d294..d80e477 100644 --- a/admin/static/admin.css +++ b/admin/static/admin.css @@ -430,6 +430,39 @@ input[disabled] { cursor: not-allowed; } + + +.actions { + margin-top: .5em; + display: flex; + flex-direction: row; + gap: .5em; + user-select: none; + color: var(--fg-3); +} +.actions a, +.actions button { + padding: .3em .5em; + display: inline-block; + + border-radius: 4px; + background-color: var(--bg-3); + box-shadow: var(--shadow-sm); + + transition-property: color, background, transform; + transition-duration: .1s; + transition-timing-function: ease-out; +} +.actions a:hover, +.actions button:hover { + background-color: var(--bg-0); + color: var(--fg-3); + text-decoration: none; + transform: scale(1.05); +} + + + @media screen and (max-width: 720px) { main { padding-top: 0; diff --git a/admin/static/artists.css b/admin/static/artists.css index faa5888..904bc70 100644 --- a/admin/static/artists.css +++ b/admin/static/artists.css @@ -8,12 +8,16 @@ text-align: center; cursor: pointer; - transition: background .1s ease-out, color .1s ease-out; + + transition-property: background, color, transform; + transition-duration: .1s; + transition-timing-function: ease-out; } .artist:hover { background-color: var(--bg-1); text-decoration: hover; + transform: scale(1.1); } .artist .artist-avatar { diff --git a/admin/static/blog.css b/admin/static/blog.css index c2845b4..da3929e 100644 --- a/admin/static/blog.css +++ b/admin/static/blog.css @@ -60,28 +60,3 @@ .blogpost a:hover { text-decoration: underline; } - -.blogpost .actions { - margin-top: .5em; - display: flex; - gap: .3em; - user-select: none; - color: var(--fg-3); -} - -.blogpost .actions a { - padding: .3em .5em; - display: inline-block; - - border-radius: 4px; - background-color: var(--bg-3); - box-shadow: var(--shadow-sm); - - transition: color .1s ease-out, background-color .1s ease-out; -} - -.blogpost .actions a:hover { - background-color: var(--bg-0); - color: var(--fg-3); - text-decoration: none; -} diff --git a/admin/static/edit-artist.css b/admin/static/edit-artist.css index 0bb85c0..37b016c 100644 --- a/admin/static/edit-artist.css +++ b/admin/static/edit-artist.css @@ -56,14 +56,6 @@ input[type="text"] { outline: none; } -.artist-actions { - margin-top: auto; - display: flex; - gap: .5em; - flex-direction: row; - justify-content: right; -} - .card-header a.button { text-decoration: none; } diff --git a/admin/static/edit-release.css b/admin/static/edit-release.css index 850c1d7..bbd9fdc 100644 --- a/admin/static/edit-release.css +++ b/admin/static/edit-release.css @@ -25,6 +25,8 @@ input[type="text"] { .release-artwork img { width: 100%; aspect-ratio: 1; + border-radius: 8px; + box-shadow: var(--shadow-md); } .release-artwork img:hover { outline: 1px solid #808080; @@ -35,6 +37,9 @@ input[type="text"] { padding: .3em .6em; background-color: var(--bg-3); } +#remove-artwork:hover { + background-color: var(--fg-3); +} .release-info { width: 0; diff --git a/admin/static/releases.css b/admin/static/releases.css index 19f393f..7b7a483 100644 --- a/admin/static/releases.css +++ b/admin/static/releases.css @@ -54,27 +54,3 @@ flex-wrap: wrap; gap: .5em; } - -.release .release-actions { - margin-top: .5em; - user-select: none; - color: var(--fg-3); -} - -.release .release-actions a { - margin-right: .3em; - padding: .3em .5em; - display: inline-block; - - border-radius: 4px; - background-color: var(--bg-3); - box-shadow: var(--shadow-sm); - - transition: color .1s ease-out, background .1s ease-out; -} - -.release .release-actions a:hover { - background-color: var(--bg-0); - color: var(--fg-3); - text-decoration: none; -} diff --git a/admin/templates/html/components/release/release.html b/admin/templates/html/components/release/release.html index 701c0fc..5cefcb4 100644 --- a/admin/templates/html/components/release/release.html +++ b/admin/templates/html/components/release/release.html @@ -14,7 +14,7 @@
{{.PrintArtists true true}}
{{.ReleaseType}} ({{len .Tracks}} track{{if not (eq (len .Tracks) 1)}}s{{end}})
-