andyburke/autonomous.contact
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: improve audio vis a little more

Browse source 
fix: remove some debugging console stuff
This commit is contained in:
Andy Burke 2025-08-21 23:24:34 -07:00
parent 0ed013c968
commit b6b4fefa34
5 changed files with 102 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

51
public/base.css
View file

@ -259,6 +259,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
width: 100%;
display: flex;
justify-content: space-between;
align-content: center;
text-align: center;
padding: 0 0.5rem;
}
@ -286,9 +287,14 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
.audio-container .audio-controls-container .buttons-container {
display: flex;
justify-content: space-between;
align-content: center;
padding: 0 0.5rem;
}
.audio-container .audio-controls-container .blank {
align-content: center;
}
.audio-container .audio-controls-container .volume {
position: relative;
width: 100%;
@ -297,11 +303,11 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
}
@media screen and (max-width: 480px) {
.audio-container .audio-controls-container .blank {
max-width: 0;
width: auto;
}
.audio-container .audio-controls-container .volume {
max-width: 60px;
max-width: 50px;
}
}
@ -504,6 +510,47 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
top: 2px;
}
/* ICON - DOWNLOAD */
.icon.download {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs, 1));
width: 16px;
height: 6px;
border: 2px solid;
border-top: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
margin-top: 8px;
}
.icon.download::after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 8px;
height: 8px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
left: 2px;
bottom: 4px;
}
.icon.download::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: 3px;
width: 2px;
height: 10px;
background: currentColor;
left: 5px;
bottom: 5px;
}
/* ICON - EXCHANGE */
.icon.exchange,
.icon.exchange::after,