einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-17 02:06:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add participants list to player

Browse Source
This commit is contained in:
Dennis Reimann
2023-09-18 19:10:17 +02:00
parent 992a07fb82
commit 32738a3387
4 changed files with 45 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/css/sections/podcast.css
View File

@@ -75,15 +75,18 @@
align-items: center;
}
& .avatar {
display: block;
height: 2rem;
width: 2rem;
border-radius: 50%;
margin-right: var(--space-m);
& .partcipants li span {
margin-left: var(--space-m);
}
}
.avatar {
display: block;
height: 2rem;
width: 2rem;
border-radius: 50%;
}
.episodes {
display: grid;
grid-gap: var(--space-xl);
@@ -158,6 +161,9 @@
}
.player {
--player-button-size: 3rem;
--player-button-margin: var(--space-l);
display: flex;
border-radius: var(--space-m);
overflow: hidden;
@@ -225,16 +231,24 @@
content: '2.0x';
}
.player__controls {
.player__participants {
flex-wrap: wrap;
gap: var(--space-m);
margin: 0 0 0 calc(var(--player-button-size) + var(--player-button-margin));
list-style: none;
}
.player__controls,
.player__participants {
display: flex;
align-items: center;
padding: var(--space-m) var(--space-l);
}
.player__button {
width: 70px;
height: 70px;
margin-right: var(--space-l);
width: var(--player-button-size);
height: var(--player-button-size);
margin-right: var(--player-button-margin);
cursor: pointer;
}