simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Spruce up the compose button

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-01 17:19:20 +08:00
parent b62cff4d0e
commit 0517690ed3
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app.css
View file

@ -595,10 +595,23 @@ button.carousel-dot[disabled].active {
right: 16px; right: 16px;
right: max(16px, env(safe-area-inset-right)); right: max(16px, env(safe-area-inset-right));
padding: 16px; padding: 16px;
box-shadow: 0 0 32px var(--bg-color); background-color: var(--button-bg-blur-color);
backdrop-filter: blur(16px);
z-index: 1; z-index: 1;
border: 1px solid var(--bg-color); box-shadow: 0 3px 8px -1px var(--bg-faded-blur-color),
opacity: 0.75; 0 10px 36px -4px var(--button-bg-blur-color);
transition: background-color 0.2s ease-in-out;
}
#compose-button:is(:hover, :focus) {
background-color: var(--button-bg-color);
filter: none;
}
#compose-button:active {
filter: brightness(0.75);
transform: translateY(1px);
}
#compose-button .icon {
filter: drop-shadow(0 1px 2px var(--button-bg-color));
} }
/* SHEET */ /* SHEET */