deflax/television
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Change gallery style

Browse source
This commit is contained in:
deflax 2025-03-05 13:57:14 +00:00
parent aca623f002
commit 33e38bed66
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/api/app/static/css/root.css
View file

@ -39,8 +39,8 @@ video {
.gallery { .gallery {
display: grid; display: grid;
grid-gap: 5px; grid-gap: 7px;
grid-template-columns: repeat(auto-fit, minmax(120px, 480px)); grid-template-columns: repeat(auto-fit, minmax(min(120px, 320px), 1fr));
} }
.gallery .gallery-item { .gallery .gallery-item {
@ -48,11 +48,17 @@ video {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px rgb(132, 4, 217);
border-radius: 3px; border-radius: 3px;
background: rgb(132, 4, 217);
background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%); background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%);
} }
.gallery .gallery-item:hover img {
transform: scale(1.02);
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.gallery img { .gallery img {
width: 100%; width: 100%;
display: block; display: block;
@ -61,12 +67,6 @@ video {
transition: all 100ms ease-out; transition: all 100ms ease-out;
} }
.gallery .gallery-item:hover img {
transform: scale(1.03);
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.overlay { .overlay {
position: absolute; position: absolute;
top: 0; top: 0;