diff options
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/select.css | 19 | ||||
| -rw-r--r-- | packages/ui/src/components/switch.css | 1 |
3 files changed, 4 insertions, 20 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index f4e202b6e..8ea21bd34 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -2001,8 +2001,8 @@ export default function Layout(props: ParentProps) { </DragDropProvider> </div> <div class="shrink-0 w-full pt-3 pb-3 flex flex-col items-center gap-2"> - <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Settings" class="hidden"> - <IconButton disabled icon="settings-gear" variant="ghost" size="large" /> + <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Settings"> + <IconButton icon="settings-gear" variant="ghost" size="large" onClick={openSettings} /> </Tooltip> <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Help"> <IconButton diff --git a/packages/ui/src/components/select.css b/packages/ui/src/components/select.css index 49b644db0..eb0911c3d 100644 --- a/packages/ui/src/components/select.css +++ b/packages/ui/src/components/select.css @@ -53,11 +53,7 @@ background-color: var(--surface-raised-stronger-non-alpha); padding: 2px; box-shadow: var(--shadow-xs-border); - z-index: 50; - - &[data-closed] { - animation: select-close 0.15s ease-out; - } + z-index: 60; &[data-expanded] { animation: select-open 0.15s ease-out; @@ -80,9 +76,6 @@ } } - /* [data-slot="select-section"] { */ - /* } */ - [data-slot="select-select-item"] { position: relative; display: flex; @@ -142,13 +135,3 @@ } } -@keyframes select-close { - from { - opacity: 1; - transform: scale(1); - } - to { - opacity: 0; - transform: scale(0.95); - } -} diff --git a/packages/ui/src/components/switch.css b/packages/ui/src/components/switch.css index c01e45d5f..89e844732 100644 --- a/packages/ui/src/components/switch.css +++ b/packages/ui/src/components/switch.css @@ -1,4 +1,5 @@ [data-component="switch"] { + position: relative; display: flex; align-items: center; gap: 8px; |
