archive/bigly-chat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more css fixes

Browse source
This commit is contained in:
biglyderv 2024-11-25 14:12:44 -05:00
parent 7568ade0e3
commit f6ad815b10
1 changed files with 25 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
static/main.css
View file

@ -159,19 +159,6 @@ body {
width: var(--elem-width); width: var(--elem-width);
} }
video {
width: 180px;
height: 200px;
overflow-y: auto;
border: solid var(--dark-2) 3px;
border-radius: 5px;
background: var(--light-1);
font-size: 1rem;
padding: 0.5rem;
margin-bottom: 0.5rem;
}
.videos { .videos {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -181,12 +168,7 @@ video {
width: 90vw; width: 90vw;
} }
.controls { .controls {}
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.videos a { .videos a {
color: var(--dark); color: var(--dark);
@ -211,12 +193,11 @@ video {
border-radius: 10px; border-radius: 10px;
} }
.controls {
margin-top: -30px;
}
.controls img { .controls img {
height: 45px;
width: 45px; width: 45px;
object-fit: contain;
margin: 5px; margin: 5px;
} }
@ -233,10 +214,12 @@ video {
height: 140px; height: 140px;
overflow: hidden; overflow: hidden;
} }
.video div { .video div {
max-height: 22px; max-height: 22px;
overflow: hidden; overflow: hidden;
} }
.video img { .video img {
width: 135px; width: 135px;
height: 90px; height: 90px;
@ -251,14 +234,23 @@ video {
top: 0; top: 0;
left: 0; left: 0;
} }
video { video {
border: solid var(--dark-2) 3px; width: 180px;
border-radius: 5px; height: 200px;
overflow-y: auto;
font-size: 1rem;
margin-bottom: 0.5rem;
border: solid var(--gray) 3px;
border-radius: var(--border-radius);
width: var(--elem-width); width: var(--elem-width);
height: auto; height: auto;
max-height: 50vh; max-height: 50vh;
max-width: 90vmin; max-width: 90vmin;
} }
.full video { .full video {
width: 100vw; width: 100vw;
height: 80vh; height: 80vh;
@ -274,11 +266,15 @@ video {
} }
.controls { .controls {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
border: solid var(--gray) 3px; border: solid var(--gray) 3px;
border-radius: 5px; border-radius: 5px;
background: var(--dark); background: var(--dark);
margin-top: -30px;
font-size: 1rem; font-size: 1rem;
padding: 0.5rem; padding: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -286,4 +282,8 @@ video {
.form-input { .form-input {
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
}
img {
user-select: none;
} }