matthias/liederwahl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: matthias:1.3.2
Branches Tags
matthias:main matthias:choriosity-ci matthias:oauth-by-traefik matthias:oauth-by-caddy
matthias:1.3.4 matthias:1.3.3 matthias:1.3.2 matthias:1.3.1 matthias:1.3.0 matthias:1.2.1 matthias:1.2.0 matthias:1.1.0 matthias:1.0.1 matthias:1.0.0
..
compare: matthias:1.3.4
Branches Tags
matthias:main matthias:choriosity-ci matthias:oauth-by-traefik matthias:oauth-by-caddy
matthias:1.3.4 matthias:1.3.3 matthias:1.3.2 matthias:1.3.1 matthias:1.3.0 matthias:1.2.1 matthias:1.2.0 matthias:1.1.0 matthias:1.0.1 matthias:1.0.0

2 Commits
1.3.2 ... 1.3.4

Author SHA1 Message Date
matsewe
512ba98500 simplify/fix cover position/size
All checks were successful
release-tag / release-image (push) Successful in 5m4s
Details
2024-07-12 12:14:27 +02:00
matsewe
fc1734d326 border radius styling
All checks were successful
release-tag / release-image (push) Successful in 4m33s
Details
2024-07-12 11:39:51 +02:00
1 changed files with 15 additions and 10 deletions
Expand all files Collapse all files

25
static/site.css
View File

@@ -105,11 +105,11 @@ header {
.song { .song {
background-color: var(--color-choriosity-red--light); background-color: var(--color-choriosity-red--light);
background-color: var(--color-white-100); background-color: var(--color-white-100);
/*border: 1px solid var(--color-choriosity-red);*/ border: 1px solid var(--color-choriosity-red);
border: 1px solid hsl(calc(var(--hue) * 360), 100%, 40%); border: 1px solid hsl(calc(var(--hue) * 360), 100%, 40%);
box-shadow: 4px 4px 8px var(--color-white-90); box-shadow: 4px 4px 8px var(--color-white-90);
padding: 0.4em; padding: 0.4em;
border-radius: 0.5em; border-radius: 0.3em;
width: 30em; width: 30em;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 0.5em; margin-left: 0.5em;
@@ -118,25 +118,30 @@ header {
.cover-container { .cover-container {
position: relative; position: relative;
width: 10.67em; width: 11.91em;
height: 6.7em; height: 6.7em;
float: left; float: left;
margin-right: 1em; margin-right: 1em;
text-align: center; /*background-color: white;*/
background-color: white; display: flex;
/*align-items: center;*/
justify-content: center;
} }
.cover { .cover {
display: block; /*display: block;*/
max-width: 100%; object-fit: contain;
/*max-width: 100%;
max-height: 100%; max-height: 100%;
scale: 2;
position: absolute; position: absolute;
top: 50%; top: 75%;
left: 50%; left: 75%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/
transition: .3s ease; transition: .3s ease;
border-radius: 0.3em;
} }
.overlay { .overlay {