Fixes odd expander button size issue
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
33
src/App.css
33
src/App.css
@@ -35,6 +35,25 @@
|
||||
transition: height 2s;
|
||||
}
|
||||
|
||||
.player-container {
|
||||
background: rgba(0,0,0,0.5);
|
||||
position: sticky;
|
||||
width: 100%;
|
||||
bottom:0;
|
||||
}
|
||||
|
||||
.expander {
|
||||
align-self: center;
|
||||
height:.75em;
|
||||
aspect-ratio: 1 / 1;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 500%;
|
||||
}
|
||||
|
||||
.album-title {
|
||||
font-size: larger;
|
||||
}
|
||||
@@ -42,17 +61,3 @@
|
||||
.bold-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.expander {
|
||||
position: absolute;
|
||||
height: 8vmin;
|
||||
width: 8vmin;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
margin-top: 1vmin;
|
||||
margin-left: 5vmin;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 500%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user