chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjustements to top bar on mobile

Browse source
This commit is contained in:
Niléane 2023-07-20 13:00:18 +02:00
parent 51e30a42f2
commit f0b79031f9
No known key found for this signature in database
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
TangerineUI-purple.css
View file

@ -1135,8 +1135,8 @@ body.layout-single-column {
height: 55px; height: 55px;
} }
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(12px); backdrop-filter: blur(20px);
background-color: rgba(242, 239, 245, .75); background-color: rgba(242, 239, 245, .75);
content: ""; content: "";
height: 55px; height: 55px;
@ -1161,7 +1161,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .layout-single-column .ui::after {
background-color: rgb(0, 0, 0, .7); background-color: rgba(0, 0, 0, .7);
} }
} }
} }

6
TangerineUI.css
View file

@ -1135,8 +1135,8 @@ body.layout-single-column {
height: 55px; height: 55px;
} }
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(12px); backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(245, 242, 239, 0.75);
content: ""; content: "";
height: 55px; height: 55px;
@ -1161,7 +1161,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .layout-single-column .ui::after {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, .7);
} }
} }
} }