Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-12 13:13:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Nav changes

Browse source
This commit is contained in:
Michał Gdula 2022-10-04 13:00:40 +00:00
parent 7f2e01a7f1
commit fbbc953ba6
5 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/main.css
View file

@ -51,6 +51,9 @@ nav {
padding: 0.5rem;
width: calc(100% - 1.4rem);
height: auto;
background-color: rgba(21, 21, 21, 0.7333333333);
-webkit-backdrop-filter: blur(69px) saturate(100%) brightness(100%);
backdrop-filter: blur(69px) saturate(100%) brightness(100%);
position: -webkit-sticky;
position: sticky;
z-index: 99;
@ -117,9 +120,6 @@ nav .btn {
bottom: 0;
left: 0;
right: 0;
background-color: rgba(21, 21, 21, 0.7333333333);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: none;
border-top: #8C977D 0.2rem solid;
border-radius: 0;
@ -410,8 +410,8 @@ nav .btn {
min-height: 30vh;
display: flex;
background-color: rgba(21, 21, 21, 0.7333333333);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 0.4rem;
transition: max-height 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
@ -1075,16 +1075,19 @@ a.btn {
.btn-bad {
background-color: #B66467;
background-image: linear-gradient(to top, #ae5356, #B66467);
/*color: darken($warning, 40%);*/
}
.btn-warning {
background-color: #D8A657;
background-image: linear-gradient(to top, #d39b42, #D8A657);
/*color: darken($warning, 40%);*/
}
.btn-good {
background-color: #8C977D;
background-image: linear-gradient(to top, #7f8b6f, #8C977D);
/*color: darken($warning, 40%);*/
}