Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-22 05:39:20 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update styles

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-17 19:31:28 +08:00
parent f579a8bfb9
commit 5af2a060a6
2 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app.css
View file

@ -734,12 +734,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
margin-top: 16px; margin-top: 16px;
transform: translate(-50%, 0); transform: translate(-50%, 0);
font-size: 90%; font-size: 90%;
background: linear-gradient( background-color: var(--button-bg-color);
to bottom,
var(--button-bg-blur-color),
var(--button-bg-color)
);
backdrop-filter: blur(16px);
box-shadow: 0 3px 8px -1px var(--drop-shadow-color), box-shadow: 0 3px 8px -1px var(--drop-shadow-color),
0 10px 36px -4px var(--button-bg-blur-color); 0 10px 36px -4px var(--button-bg-blur-color);
} }
@ -938,7 +933,8 @@ button.carousel-dot:is(.active, [disabled].active) {
filter: none; filter: none;
} }
#compose-button:active { #compose-button:active {
filter: brightness(0.75); transform: scale(0.95);
transition: none;
} }
#compose-button .icon { #compose-button .icon {
filter: drop-shadow(0 1px 2px var(--button-bg-color)); filter: drop-shadow(0 1px 2px var(--button-bg-color));
@ -1082,7 +1078,7 @@ button.carousel-dot:is(.active, [disabled].active) {
.glass-menu { .glass-menu {
background-color: var(--bg-blur-color); background-color: var(--bg-blur-color);
backdrop-filter: blur(8px) saturate(3); backdrop-filter: blur(8px) saturate(3);
border: 0; border: var(--hairline-width) solid var(--bg-color);
box-shadow: 0 3px 8px -1px var(--drop-shadow-color); box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
} }
.glass-menu .szh-menu__item--hover { .glass-menu .szh-menu__item--hover {
@ -1147,12 +1143,7 @@ meter.donut:is(.danger, .explode):after {
/* TOAST */ /* TOAST */
:root .toastify { :root .toastify {
background-image: linear-gradient( background-color: var(--button-bg-color);
to bottom,
var(--button-bg-blur-color),
var(--button-bg-color)
);
backdrop-filter: blur(16px);
color: var(--button-text-color); color: var(--button-text-color);
border-radius: 10em; border-radius: 10em;
padding: 8px 16px; padding: 8px 16px;

4
src/components/shortcuts.css
View file

@ -9,6 +9,7 @@
z-index: 101; z-index: 101;
box-shadow: 0 3px 8px -1px var(--drop-shadow-color); box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border: var(--hairline-width) solid var(--bg-color);
} }
#shortcuts-button .icon { #shortcuts-button .icon {
transform: translateY(2px); /* Balance the icon's vertical alignment */ transform: translateY(2px); /* Balance the icon's vertical alignment */
@ -24,7 +25,8 @@
filter: none; filter: none;
} }
#shortcuts-button:active { #shortcuts-button:active {
filter: brightness(0.75); transform: scale(0.95);
transition: none;
} }
@media (min-width: calc(40em + 56px + 8px)) { @media (min-width: calc(40em + 56px + 8px)) {