mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 13:19:09 +03:00
Joshen LimandJonathan Summers-Muir
8deb0865c5
* Add templates to RLS assistant * Update button * lint * Chore/rls assistant iteration templates styling (#21459) * Update index.tsx * update icon pack * add new classes * expose hover card * add slight shadow to scroll area * monaco editor updated * tabs border-b updated * message styling updated to use circle AI icon * templates side panel updated to use new tailwind classes and ScrollArea * Updated tab label to "Assistant" and adjusted background colors * header updated to use simpler open/close button * divide-y styling added to chat * fix tabs bg state * shadcn tooltip updated to use correct bg color and added default delay duration * updated styling of codeblocks in chat * updated open / close button. also added a tooltip * divide border styling * add 'slide in' animation option for Hover Card * update code block * switch to Card Button * Update CardButton to expose props and allow any props to be applied * init * Apply suggestions from code review * Add entry step when clicking on create new policy for rls ai * templates code replacement state highlight selected template * Ai message code replacement state highlight selected message * Opt to leave templates panel open * Fix templates to use template name in policy sql * Fixes * fix * Remove unused imports --------- Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
55 lines
983 B
SCSS
55 lines
983 B
SCSS
.monaco-editor {
|
|
@apply relative overflow-visible;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
.monaco-editor,
|
|
.monaco-diff-editor {
|
|
--vscode-editor-background: hsl(var(--background-surface-200)) !important;
|
|
--vscode-editorGutter-background: hsl(var(--background-surface-200)) !important;
|
|
}
|
|
|
|
.gutter {
|
|
@apply bg-border-control;
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor p,
|
|
label,
|
|
div,
|
|
section,
|
|
span.th.tr.td.textarea {
|
|
/* @apply text-sm; */
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor label {
|
|
font-weight: inherit;
|
|
text-transform: none;
|
|
padding: inherit;
|
|
width: inherit;
|
|
align-self: inherit;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor label:hover {
|
|
cursor: inherit;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor .suggest-widget {
|
|
.main {
|
|
max-height: none;
|
|
height: inherit;
|
|
width: 100%;
|
|
margin: inherit;
|
|
padding: inherit;
|
|
overflow: inherit;
|
|
}
|
|
|
|
.monaco-list-row.focused .main {
|
|
background: var(--vscode-quickInput-background);
|
|
}
|
|
}
|