renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(Dialog): add border && inner glow effect to dialog component

Browse Source
This commit is contained in:
hakadao
2024-06-14 02:20:37 +08:00
parent b7a0dcc8b6
commit d618695c64
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Dialog.vue
View File

@@ -103,7 +103,7 @@ function handleConfirm() {
/>
<div
style="
box-shadow: var(--bew-shadow-3) var(--bew-shadow-edge-glow-2);
box-shadow: var(--bew-shadow-3), var(--bew-shadow-edge-glow-2);
"
:style="{
width: dialogWidth,
@@ -111,7 +111,7 @@ function handleConfirm() {
backdropFilter: frostedGlass ? 'var(--bew-filter-glass-2)' : 'none',
backgroundColor: frostedGlass ? 'var(--bew-elevated-1)' : 'var(--bew-elevated-solid-1)',
}"
pos="absolute top-1/2 left-1/2" rounded="$bew-radius"
pos="absolute top-1/2 left-1/2" rounded="$bew-radius" border="1 $bew-border-color"
transform="translate--1/2" z-2 overflow="x-hidden y-overlay"
antialiased
>