Merge pull request #917 from traPtitech/fix/fit-filter-window

[dashboard] Appsフィルターが画面内に収まらないときスクロールできるように
traPtitech · Jun 1, 2024 · e73fe76 · e73fe76
2 parents 471b3a0 + 235b148
commit e73fe76
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/dashboard/src/components/templates/app/AppsFilter.tsx b/dashboard/src/components/templates/app/AppsFilter.tsx
@@ -19,9 +19,11 @@ const contentHideKeyframes = keyframes({
   to: { opacity: 0, transform: 'translateY(-8px)' },
 })
 const contentStyle = style({
+  maxWidth: 'var(--kb-popper-content-available-width)',
+  overflowX: 'auto',
   padding: '16px',
   display: 'grid',
-  gridTemplateColumns: 'repeat(3, 1fr)',
+  gridTemplateColumns: 'repeat(3, auto)',
   gridTemplateRows: '1fr auto',
   gridTemplateAreas: `
     "status provider sort"