mirror of
https://github.com/supabase/supabase.git
synced 2026-10-19 08:09:11 +03:00
b91532f6c7
* migrate some www components to tokens * consolidate InteractiveShimmerCard to Panel component * update tokens in blog * update tokens in careers page * update tokens in customers section * update tokens in open-source section * update tokens in Realtime page * update tokens in Storage and Vector * update tokens in SplitCodeBlockCarousel * update tokens in PGCharts * remove unused css files * update tokens in Card * update tokens in Pricing page * clean up priving page imports * remove hardcoded theme vars * migrate first half of defaultTheme.ts to tokens * migrate second half of defaultTheme.ts to tokens * improve inputs * add foreground to text-light and text-lighter * add foreground to text-light and text-lighter * migrate docs components with styling tokens * migrate docs components with styling tokens * fix broken Repos component * fix broken classes in blog * update tokens on Button and other components * update tokens on IconPanel * update studio main layout base styling tokens * update tokens across studio, docs and www * update tokens across studio, docs and www * update ui/Panel to styling tokens * update ExampleProject and TableEditorMenu tokens * www vector page tokens * update studio UI tokens * update other studio UI tokens * update more studio UI tokens * change tokens here, change tokens there * finish updating colors with tokens variables * add gui sandbox for theme experimentation * use common package for www, docs and studio and fix Command K tokens * provide light mode default tokens options * fix conflict leftover * update loading line * fix className typo * fix prettier * update themeSandbox preset default values * fix text-background0 * prettier * update warningBanner with warning color * switch all border-border with border-default * improve border-secondary and foreground-muted in light mode * force ring color on toggle * fix button bg color and border-muted light token * fix input bg color * fix dark button hover * fix homepage product card * fix code-hike table header colors * button dark border * remove tabIndex leftover from homepage main ctas --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
96 lines
1.9 KiB
SCSS
96 lines
1.9 KiB
SCSS
.data-grid--simple-logs {
|
|
.rdg-cell,
|
|
.rdg-cell span {
|
|
@apply text-foreground-light font-normal;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.rdg-cell:first-child {
|
|
@apply pl-5;
|
|
}
|
|
.rdg-cell:last-child {
|
|
@apply pr-5;
|
|
}
|
|
|
|
.rdg-row {
|
|
&.rdg-row--focused {
|
|
@apply border-r border-brand;
|
|
border-right-width: 4px;
|
|
}
|
|
|
|
&.rdg-row--focused .rdg-cell,
|
|
&.rdg-row--focused .rdg-cell span {
|
|
@apply text-foreground font-semibold #{!important};
|
|
}
|
|
}
|
|
}
|
|
|
|
.data-grid--logs-explorer {
|
|
@apply transition-all overflow-hidden overflow-x-scroll;
|
|
|
|
.rdg-cell,
|
|
.rdg-cell span {
|
|
@apply text-foreground-light font-normal #{!important};
|
|
}
|
|
|
|
.rdg-cell:first-child {
|
|
@apply pl-5;
|
|
}
|
|
.rdg-cell:last-child {
|
|
@apply pr-5;
|
|
}
|
|
|
|
.rdg-row {
|
|
&.rdg-row--focused {
|
|
@apply border-r border-brand;
|
|
border-right-width: 4px;
|
|
}
|
|
|
|
&.rdg-row--focused .rdg-cell,
|
|
&.rdg-row--focused .rdg-cell span {
|
|
@apply text-foreground-light font-semibold #{!important};
|
|
}
|
|
}
|
|
}
|
|
|
|
.syntax-highlight {
|
|
counter-reset: line-numbering;
|
|
font-family: Menlo, Monaco, monospace;
|
|
color: hsl(var(--foreground-lighter));
|
|
word-break: break-word;
|
|
}
|
|
|
|
.syntax-highlight .line::before {
|
|
content: counter(line-numbering);
|
|
counter-increment: line-numbering;
|
|
padding-right: 0px;
|
|
display: inline-block;
|
|
color: hsl(var(--border-stronger));
|
|
/* space after numbers */
|
|
width: 2rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.logs-shimmering-loader {
|
|
animation: shimmer 1.5s infinite linear;
|
|
background: linear-gradient(
|
|
to right,
|
|
hsl(var(--background-default)) 0%,
|
|
hsl(var(--brand-default)) 25%,
|
|
hsl(var(--brand-300)) 35%,
|
|
hsl(var(--background-default)) 45%,
|
|
hsl(var(--background-surface-100)) 75%
|
|
);
|
|
background-size: 3000px 100%;
|
|
}
|
|
|
|
@keyframes logsShimmer {
|
|
0% {
|
|
background-position: -1000px 0;
|
|
}
|
|
50% {
|
|
background-position: 1000px 0;
|
|
}
|
|
}
|