danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix shadow
Build and Deploy Docker Images / build_and_deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
hamid zarghami
2026-06-27 09:45:44 +03:30
parent d592dd525e
commit 5ea96647ad
1 changed files with 3 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/glass.css
+3 -25
View File
@@ -32,34 +32,15 @@ html[data-theme="dark"] .glass-surface--selected {
background-color: color-mix(in oklch, var(--container) 85%, transparent) !important; background-color: color-mix(in oklch, var(--container) 85%, transparent) !important;
} }
/* Figma disabled category: white 40%, 2px inner gradient border, blur 12 */ /* Figma disabled category: white 40%, 2px border, blur 12 */
.glass-surface--disabled { .glass-surface--disabled {
position: relative;
background-color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(255, 255, 255, 0.4) !important;
border: 2px solid transparent; border: 2px solid rgba(255, 255, 255, 0.8);
box-shadow: none; box-shadow: none;
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
} }
.glass-surface--disabled::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 253, 253, 0) 50%, rgba(255, 255, 255, 1) 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
html[data-pattern-bg="true"] .glass-surface--disabled, html[data-pattern-bg="true"] .glass-surface--disabled,
html[data-image-bg="true"] .glass-surface--disabled { html[data-image-bg="true"] .glass-surface--disabled {
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
@@ -68,10 +49,7 @@ html[data-image-bg="true"] .glass-surface--disabled {
html[data-theme="dark"] .glass-surface--disabled { html[data-theme="dark"] .glass-surface--disabled {
background-color: color-mix(in oklch, var(--container) 40%, transparent) !important; background-color: color-mix(in oklch, var(--container) 40%, transparent) !important;
} border-color: rgba(255, 255, 255, 0.2);
html[data-theme="dark"] .glass-surface--disabled::before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 100%);
} }
.glass-surface-nav { .glass-surface-nav {