Small CSS cleanup
This commit is contained in:
parent
7c5376cd8c
commit
a36f1b2dad
@ -6,12 +6,6 @@ template.innerHTML = `
|
|||||||
height: 2rem;
|
height: 2rem;
|
||||||
margin: .5rem;
|
margin: .5rem;
|
||||||
}
|
}
|
||||||
.round-corners {
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
.small-shadow {
|
|
||||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
|
|
||||||
}
|
|
||||||
#audioPlayerContainer {
|
#audioPlayerContainer {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -33,6 +27,13 @@ template.innerHTML = `
|
|||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
}
|
}
|
||||||
|
/* Utilities */
|
||||||
|
.round-corners {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.small-shadow {
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div id="audioPlayerContainer" class="small-shadow round-corners">
|
<div id="audioPlayerContainer" class="small-shadow round-corners">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user