Files
supabase/apps/studio/styles/storage.css
Ivan Vasilov 308cd791a2 chore: Prep work for migrating to Tailwind v4 (#45285)
This PR preps the monorepo for a migration to Tailwind v4:
- Bump all Tailwind dependencies and libraries to the latest possible
version, while still compatible with Tailwind 3.
- Cleans up obsolete Tailwind 3 specific options and configs.
- Cleans up unused CSS files and fixes the CSS imports.
- Migrates all `important` uses in `@apply` lines to using the `!`
prefix.
- Move `typography.css` to the `config` package and import it from the
apps.
- Migrated all occurrences of `flex-grow`, `flex-shrink`,
`overflow-clip` and `overflow-ellipsis` since they're deprecated and
will be removed in Tailwind 4.
- Make the default theme object typesafe in the `ui` package.
- Migrate all `bg-opacity`, `border-opacity`, `ring-opacity` and
`divider-opacity` to the new format where they're declared as part of
the property color.
- Bump and unify all imports of `postcss` dependency.
2026-04-28 11:33:53 +02:00

58 lines
951 B
CSS

.storage-container {
.sbui-space-col {
@apply grow;
#files {
@apply h-full;
}
}
.sbui-btn {
@apply focus:outline-none;
}
.sbui-btn-default {
@apply border;
border-color: transparent !important;
}
.sbui-checkbox-container {
@apply w-auto;
}
.sbui-input-container {
input {
@apply text-sm;
}
.sbui-btn-container {
.sbui-btn {
@apply py-1;
}
}
}
.sbui-menu__item {
span {
@apply text-sm;
}
}
.sbui-overlay-container {
@apply z-10;
}
}
/* May need to just comment this out, the smooth scrolling looks weird */
/* .file-explorer { */
/* scroll-behavior: smooth; */
/* } */
.storage-row:hover,
button[aria-haspopup='menu'][data-state='open'],
button[aria-haspopup='menu']:focus-visible {
.storage-row-menu {
@apply opacity-100;
}
}
.sql-editor-container {
@apply p-0;
}
.sbui-dropdown__trigger:focus {
outline: none;
}