Creepso/miru
1
0
Fork 0
mirror of https://github.com/ThaUnknown/miru.git synced 2026-04-21 09:11:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

further improve UX of gallery skeleton loaders

Browse source
This commit is contained in:
ThaUnknown 2021-08-13 12:16:27 +02:00
parent 7f49989446
commit d3b32a29a8
2 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/css/misc.css
View file

@ -151,21 +151,19 @@ input:invalid {
grid-auto-rows: auto; grid-auto-rows: auto;
justify-content: center; justify-content: center;
grid-gap: 2rem; grid-gap: 2rem;
padding: 2rem 4rem padding: 2rem 4rem;
position: relative;
} }
#home.loading .gallery { #home.loading .gallery.browse {
overflow-y: initial !important; height: 30rem !important;
overflow-y: hidden !important;
} }
#home.loading { #home.loading .gallery.browse:after {
height: 50rem !important
}
#home.loading:after {
content: ""; content: "";
position: absolute; position: absolute;
top: 40rem; bottom: 0;
height: 10rem; height: 10rem;
width: 100%; width: 100%;
background: linear-gradient(0deg, rgba(37, 40, 44, 1) 0%, rgba(37, 40, 44, 1) 15%, rgba(37, 40, 44, .45) 70%, rgba(37, 40, 44, 0) 100%); background: linear-gradient(0deg, rgba(37, 40, 44, 1) 0%, rgba(37, 40, 44, 1) 15%, rgba(37, 40, 44, .45) 70%, rgba(37, 40, 44, 0) 100%);

2
app/index.html
View file

@ -530,7 +530,7 @@
<div class="input-group shadow-lg"> <div class="input-group shadow-lg">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span <span
class="input-group-text d-flex material-icons bg-dark text-muted pr-0 font-size-18">search</span> class="input-group-text d-flex material-icons bg-dark pr-0 font-size-18">search</span>
</div> </div>
<input type="text" class="form-control bg-dark border-left-0 shadow-none" autocomplete="off" <input type="text" class="form-control bg-dark border-left-0 shadow-none" autocomplete="off"
id="searchText" data-option="search" placeholder="Any"> id="searchText" data-option="search" placeholder="Any">