starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-18 06:49:50 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Blur backdrop

Browse Source
This commit is contained in:
Gregory Schier
2023-04-11 16:12:26 -07:00
parent 6b07fe105f
commit 29309500a6
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-web/components/Overlay.tsx
View File

@@ -1,7 +1,7 @@
import classnames from 'classnames'; import classnames from 'classnames';
import FocusTrap from 'focus-trap-react'; import FocusTrap from 'focus-trap-react';
import type { ReactNode } from 'react';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import type { ReactNode } from 'react';
import { Portal } from './Portal'; import { Portal } from './Portal';
interface Props { interface Props {
@@ -33,7 +33,7 @@ export function Overlay({ zIndex = 30, open, onClose, portalName, children }: Pr
<div <div
aria-hidden aria-hidden
onClick={onClose} onClick={onClose}
className="absolute inset-0 bg-gray-600/60 dark:bg-black/50" className="absolute inset-0 bg-gray-600/30 dark:bg-black/30 backdrop-blur-sm"
/> />
{/* Add region to still be able to drag the window */} {/* Add region to still be able to drag the window */}
<div data-tauri-drag-region className="absolute top-0 left-0 right-0 h-md" /> <div data-tauri-drag-region className="absolute top-0 left-0 right-0 h-md" />

2
src-web/components/core/Dialog.tsx
View File

@@ -55,7 +55,7 @@ export function Dialog({
className, className,
'relative bg-gray-50 pointer-events-auto', 'relative bg-gray-50 pointer-events-auto',
'max-h-[80vh] p-5 rounded-lg overflow-auto', 'max-h-[80vh] p-5 rounded-lg overflow-auto',
'dark:border border-gray-200 shadow-md shadow-black/10', 'dark:border border-highlight shadow shadow-black/10',
size === 'sm' && 'w-[25rem]', size === 'sm' && 'w-[25rem]',
size === 'md' && 'w-[45rem]', size === 'md' && 'w-[45rem]',
size === 'full' && 'w-[80vw]', size === 'full' && 'w-[80vw]',