diff --git a/index.html b/index.html index f86e483..269b583 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,6 @@
- + diff --git a/src/style.css b/src/style.css index 5441565..cafad35 100644 --- a/src/style.css +++ b/src/style.css @@ -11,8 +11,9 @@ body[data-time-format="24"] span[data-time-format="24"] { } .Select { - padding: 0 2.5rem 0 0.5rem; - width: 7.5rem; + padding: 0 2rem 0 0.5rem; + width: auto; + min-width: 7.5rem; border-radius: 4px; box-shadow: 0 0 0 1px #6f6e77; } @@ -27,17 +28,17 @@ html { --ce-text-primary: var(--text-primary, #0d0d0d); --ce-menu-primary: #ffffff; --ce-menu-secondary: var(--sidebar-surface-secondary, #ececec); - --ce-border-light: var(--border-light, rgba(0, 0, 0, .1)); + --ce-border-light: #0d0d0d26; } .dark { --ce-text-primary: var(--text-primary, #ececec); - --ce-menu-primary: var(--sidebar-surface-primary, #171717); + --ce-menu-primary: #2A2A2A; --ce-menu-secondary: var(--sidebar-surface-secondary, #212121); - --ce-border-light: var(--border-default, rgba(0, 0, 0, .05)); + --ce-border-light: var(--border-default, rgba(255, 255, 255, .15)); } -.dark.bg-menu { +.dark .bg-menu { background-color: var(--ce-menu-primary); } @@ -53,6 +54,15 @@ html { filter: brightness(0.5); } +.ce-card { + border-radius: 1rem; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08); +} + +.dark .ce-card { + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3); +} + .inputFieldSet { display: block; border-width: 2px; diff --git a/src/ui/Dialog.css b/src/ui/Dialog.css index 7efe527..554cebd 100644 --- a/src/ui/Dialog.css +++ b/src/ui/Dialog.css @@ -32,6 +32,14 @@ border-width: 1px; } +.DialogContent._export { + background-color: #ffffff; +} + +.dark .DialogContent._export { + background-color: #2a2a2a; +} + .DialogContent input[type="checkbox"] { border: none; outline: none; diff --git a/src/ui/ExportDialog.tsx b/src/ui/ExportDialog.tsx index 64aec14..59a3fe5 100644 --- a/src/ui/ExportDialog.tsx +++ b/src/ui/ExportDialog.tsx @@ -866,7 +866,7 @@ export const ExportDialog: FC = ({ format, open, onOpenChange diff --git a/src/ui/Menu.tsx b/src/ui/Menu.tsx index 0a70392..117e86a 100644 --- a/src/ui/Menu.tsx +++ b/src/ui/Menu.tsx @@ -95,12 +95,12 @@ function MenuInner({ container }: { container: HTMLDivElement }) { className={` grid grid-cols-2 bg-menu - border border-menu - transition-opacity duration-200 shadow-md + ce-card + transition-opacity duration-200 gap-1 py-2 px-1 ${isMobile - ? 'rounded animate-slideUp' - : 'rounded-md animate-fadeIn'}`} + ? 'animate-slideUp' + : 'animate-fadeIn'}`} style={{ width: isMobile ? 316 : 268, left: -6,