diff --git a/frontend/src/lib/assets/app.css b/frontend/src/lib/assets/app.css
index 6084940236..ce921fa6eb 100644
--- a/frontend/src/lib/assets/app.css
+++ b/frontend/src/lib/assets/app.css
@@ -1,9 +1,21 @@
+@import 'tailwindcss';
+
@config "../../../tailwind.config.cjs";
/* Write your global styles here, in PostCSS syntax */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+
+@utility no-scrollbar {
+ @layer utilities {
+ /* Hide scrollbar for Chrome, Safari and Opera */
+ &::-webkit-scrollbar {
+ display: none;
+ }
+
+ /* Hide scrollbar for IE, Edge and Firefox */
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+ }
+}
@layer base {
*,
@@ -49,38 +61,23 @@
}
.autocomplete-list-item-create {
- @apply !text-primary-inverse !bg-surface-inverse;
+ @apply text-primary-inverse! bg-surface-inverse!;
}
.autocomplete-list-item {
- @apply !text-primary !bg-surface text-xs;
+ @apply text-primary! bg-surface! text-xs;
}
.autocomplete-list-item.selected {
- @apply !text-primary-inverse !bg-surface-inverse;
+ @apply text-primary-inverse! bg-surface-inverse!;
}
.autocomplete-list-item.selected.confirmed {
- @apply !text-primary-inverse !bg-surface-inverse;
+ @apply text-primary-inverse! bg-surface-inverse!;
}
.autocomplete-list {
- @apply !bg-surface;
- }
-}
-
-@layer utilities {
- @variants responsive {
- /* Hide scrollbar for Chrome, Safari and Opera */
- .no-scrollbar::-webkit-scrollbar {
- display: none;
- }
-
- /* Hide scrollbar for IE, Edge and Firefox */
- .no-scrollbar {
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
- }
+ @apply bg-surface!;
}
}
@@ -118,10 +115,10 @@ svelte-virtual-list-contents > * + * {
}
.app-editor-input {
- @apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 focus:dark:border-gray-500 focus:!ring-1 focus:!ring-blue-300;
+ @apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 dark:focus:border-gray-500 focus:ring-1! focus:ring-blue-300!;
@apply placeholder:text-gray-400 dark:placeholder:text-gray-200;
@apply bg-surface;
- @apply disabled:placeholder:text-gray-200 disabled:placeholder:dark:text-gray-500 disabled:text-gray-200 disabled:dark:text-gray-500 disabled:border-gray-200 disabled:dark:border-gray-600;
+ @apply disabled:placeholder:text-gray-200 dark:disabled:placeholder:text-gray-500 disabled:text-gray-200 dark:disabled:text-gray-500 disabled:border-gray-200 dark:disabled:border-gray-600;
}
.nonmain-editor .cursor.monaco-mouse-cursor-text {
diff --git a/frontend/src/lib/components/ApiConnectForm.svelte b/frontend/src/lib/components/ApiConnectForm.svelte
index 877a5aef08..ea09c1c381 100644
--- a/frontend/src/lib/components/ApiConnectForm.svelte
+++ b/frontend/src/lib/components/ApiConnectForm.svelte
@@ -518,7 +518,7 @@
{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
{error}{:else}{/if}
-
+
{#await import('$lib/components/SimpleEditor.svelte')}
{:then Module}
@@ -707,7 +707,7 @@
File content ({resourceTypeInfo.format_extension})
-
+
{#await import('$lib/components/SimpleEditor.svelte')}
{:then Module}
diff --git a/frontend/src/lib/components/AppConnectInner.svelte b/frontend/src/lib/components/AppConnectInner.svelte
index 6f73fff916..37fc968c4f 100644
--- a/frontend/src/lib/components/AppConnectInner.svelte
+++ b/frontend/src/lib/components/AppConnectInner.svelte
@@ -416,7 +416,7 @@
size="sm"
variant="border"
color={key === resourceType ? 'blue' : 'light'}
- btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+ btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
on:click={() => {
manual = false
resourceType = key
@@ -466,7 +466,7 @@
size="sm"
variant="border"
color={key === resourceType ? 'blue' : 'light'}
- btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+ btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
on:click={() => {
manual = true
resourceType = key
@@ -490,7 +490,7 @@
size="sm"
variant="border"
color={key === resourceType ? 'blue' : 'light'}
- btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+ btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
on:click={() => {
manual = true
resourceType = key
diff --git a/frontend/src/lib/components/ArgEnum.svelte b/frontend/src/lib/components/ArgEnum.svelte
index 2cd5501c1c..98c0abed5d 100644
--- a/frontend/src/lib/components/ArgEnum.svelte
+++ b/frontend/src/lib/components/ArgEnum.svelte
@@ -40,14 +40,14 @@
)}
value={value ?? defaultValue}
hideArrow={true}
- dropdownClassName="!text-sm !py-2 !rounded-sm !border-gray-200 !border !shadow-md !bg-surface-primary"
+ dropdownClassName="text-sm! py-2! rounded-xs! border-gray-200! border! shadow-md! bg-surface-primary!"
className="w-full"
noInputStyles
onFocus={() => {
dispatch('focus')
}}
onBlur={() => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
{create}
{required}
diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index c296b047b4..12b520db04 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -530,8 +530,8 @@
{#if Array.isArray(itemsType?.multiselect) && Array.isArray(value)}
{
- dispatch('blur')
+ dispatch('blur-xs')
}}
{defaultValue}
{valid}
@@ -615,7 +615,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
code={JSON.stringify(v, null, 2)}
bind:value={value[i]}
@@ -750,7 +750,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
code={JSON.stringify(value ?? defaultValue ?? { s3: '' }, null, 2)}
on:changeValue={(e) => {
@@ -821,7 +821,7 @@
{@const obj = oneOf[objIdx]}
{#if obj && obj.properties && Object.keys(obj.properties).length > 0}
{#key redraw}
-
+
{#if orderEditable}
{
- dispatch('blur')
+ dispatch('blur-xs')
}}
code={rawValue}
on:changeValue={(e) => {
@@ -908,7 +908,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
code={rawValue}
on:change={(e) => {
@@ -995,7 +995,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
code={rawValue}
on:changeValue={(e) => {
@@ -1032,7 +1032,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
enumLabels={extra['enumLabels']}
/>
@@ -1056,7 +1056,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
on:change={(e) => {
setNewValueFromCode(e.detail?.code)
@@ -1136,7 +1136,7 @@
dispatch('focus')
}}
on:blur={(e) => {
- dispatch('blur')
+ dispatch('blur-xs')
}}
use:autosize
on:keydown={onKeyDown}
@@ -1154,14 +1154,14 @@
{#if !disabled && itemPicker && extra?.['disableVariablePicker'] != true}
{/if}
{/if}
diff --git a/frontend/src/lib/components/AssignableTagsInner.svelte b/frontend/src/lib/components/AssignableTagsInner.svelte
index 1f374fc343..214b81aae7 100644
--- a/frontend/src/lib/components/AssignableTagsInner.svelte
+++ b/frontend/src/lib/components/AssignableTagsInner.svelte
@@ -36,7 +36,7 @@
{#each customTags as customTag}
{customTag}
+ > {customTag}
{#if enabled}
-
+
|
{#if status === 'running'}
-
+
{:else}
-
+
{/if}
diff --git a/frontend/src/lib/components/Popover.svelte b/frontend/src/lib/components/Popover.svelte
index 28180d553a..c41fcaeb73 100644
--- a/frontend/src/lib/components/Popover.svelte
+++ b/frontend/src/lib/components/Popover.svelte
@@ -78,7 +78,7 @@
on:mouseenter={open}
on:mouseleave={close}
class={twMerge(
- 'z-[5001] py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left',
+ 'z-5001 py-2 px-3 rounded-md text-sm font-normal text-gray-300! bg-gray-800 whitespace-normal text-left',
popupClass
)}
>
diff --git a/frontend/src/lib/components/PrimarySchedule.svelte b/frontend/src/lib/components/PrimarySchedule.svelte
index 18544f760a..b010c51379 100644
--- a/frontend/src/lib/components/PrimarySchedule.svelte
+++ b/frontend/src/lib/components/PrimarySchedule.svelte
@@ -34,7 +34,7 @@
|