Files
supabase/apps/studio/styles/storage.css
Ivan Vasilov afd690ada5 chore: Migrate all apps to use Tailwind CSS configs (#45530)
This PR migrates all tailwind configs in the apps to be CSS configs.
They import a shared CSS Tailwind config from the `config` package
(which in turns imports the old JS config).

The shared JS config will be migrated to CSS in a followup PR.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Chores**
* Centralized Tailwind into a config-driven entrypoint and updated the
app build flow to use the new build step; many apps now import unified
global styles.

* **Style**
* Migrated global styles to a Tailwind v4-style setup, added
project-wide content scanning, consolidated theme imports, standardized
theme tokens (including new --container-site max-width), and added a
small prose utility to remove paragraph margins.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Claude Sonnet 4.6 <[email protected]>
2026-05-07 17:18:15 +02:00

60 lines
982 B
CSS

@reference "./globals.css";
.storage-container {
.sbui-space-col {
@apply grow;
#files {
@apply h-full;
}
}
.sbui-btn {
@apply focus:outline-hidden;
}
.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;
}