events : revoir le style du badge 'playing now' en cercle rotatif
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
31bdeda154
commit
ef24aced22
1 changed files with 9 additions and 4 deletions
|
|
@ -2,7 +2,7 @@
|
|||
.events-grid {
|
||||
box-sizing: border-box;
|
||||
padding: 0 var(--space-body);
|
||||
padding-top: 8rem;
|
||||
padding-top: 6rem;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
|
@ -28,15 +28,20 @@
|
|||
|
||||
.playing-now {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 2rem;
|
||||
transform: rotate(-45deg);
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: var(--color-green);
|
||||
border-radius: 100%;
|
||||
|
||||
p {
|
||||
background-color: var(--color-beige);
|
||||
width: max-content;
|
||||
padding: 0.2rem 0.5rem;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue