jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🔧 chore(applies.css): reorganize CSS class properties for better readability and maintainability

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-09-27 19:02:09 -03:00
commit ee800abb3a
1 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/frontend/src/style/applies.css
View file

@ -87,7 +87,7 @@
@apply flex flex-col gap-2 p-2; @apply flex flex-col gap-2 p-2;
} }
.side-bar-components-div-arrangement { .side-bar-components-div-arrangement {
@apply w-full overflow-auto scrollbar-hide pb-10; @apply w-full overflow-auto pb-10 scrollbar-hide;
} }
.search-icon { .search-icon {
@apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-5; @apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-5;
@ -127,7 +127,7 @@
} }
.skeleton-card { .skeleton-card {
@apply bg-background h-48 p-4 border rounded-lg flex flex-col gap-6; @apply flex h-48 flex-col gap-6 rounded-lg border bg-background p-4;
} }
.skeleton-card-wrapper { .skeleton-card-wrapper {
@ -205,7 +205,7 @@
} }
.loading-page-panel { .loading-page-panel {
@apply h-full w-full flex justify-center items-center bg-muted; @apply flex h-full w-full items-center justify-center bg-muted;
} }
.main-page-panel { .main-page-panel {
@ -350,7 +350,7 @@
@apply alert-icon text-status-green; @apply alert-icon text-status-green;
} }
.success-alert-message { .success-alert-message {
@apply word-break-break-word alert-font-size text-success-foreground; @apply alert-font-size text-success-foreground word-break-break-word;
} }
.card-component-title-display { .card-component-title-display {
@ -360,7 +360,7 @@
@apply flex h-7 w-7 items-center justify-center rounded-full text-2xl; @apply flex h-7 w-7 items-center justify-center rounded-full text-2xl;
} }
.card-component-title-size { .card-component-title-size {
@apply w-full flex-1 word-break-break-word truncate-doubleline; @apply w-full flex-1 truncate-doubleline word-break-break-word;
} }
.card-component-delete-button { .card-component-delete-button {
@apply flex self-start; @apply flex self-start;
@ -520,7 +520,7 @@
@apply inline-flex h-9 items-center justify-center rounded-md border border-input px-3 pr-0 shadow-sm; @apply inline-flex h-9 items-center justify-center rounded-md border border-input px-3 pr-0 shadow-sm;
} }
.header-waitlist-link-box { .header-waitlist-link-box {
@apply inline-flex h-9 items-center justify-center rounded-md border border-input px-2 shadow-sm text-sm font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap; @apply inline-flex h-9 items-center justify-center whitespace-nowrap rounded-md border border-input px-2 text-sm font-medium text-muted-foreground shadow-sm ring-offset-background disabled:pointer-events-none disabled:opacity-50;
} }
.header-waitlist-link-box:hover { .header-waitlist-link-box:hover {
@apply hover:bg-accent hover:text-accent-foreground; @apply hover:bg-accent hover:text-accent-foreground;
@ -853,7 +853,7 @@
} }
.api-modal-tabs { .api-modal-tabs {
@apply flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center sm:w-[75vw] lg:w-full; @apply flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center max-lg:w-full sm:w-[75vw] lg:w-full;
} }
.api-modal-tablist-div { .api-modal-tablist-div {
@apply flex items-center justify-between px-2; @apply flex items-center justify-between px-2;
@ -882,11 +882,11 @@
@apply bg-white text-primary; @apply bg-white text-primary;
} }
.code-highlight { .code-highlight {
@apply block max-h-[64vh] w-full overflow-y-hidden word-break-break-word border-0 px-3 py-2 text-sm outline-0; @apply block max-h-[64vh] w-full overflow-y-hidden border-0 px-3 py-2 text-sm outline-0 word-break-break-word;
} }
.code-nohighlight { .code-nohighlight {
@apply block max-h-[70vh] w-full overflow-y-hidden word-break-break-word border-0 px-3 py-2 text-sm outline-0; @apply block max-h-[70vh] w-full overflow-y-hidden border-0 px-3 py-2 text-sm outline-0 word-break-break-word;
} }
.form-modal-lockchat { .form-modal-lockchat {
@apply form-input block w-full rounded-md border-border p-4 pr-16 custom-scroll focus:border-ring focus:ring-ring sm:text-sm; @apply form-input block w-full rounded-md border-border p-4 pr-16 custom-scroll focus:border-ring focus:ring-ring sm:text-sm;
@ -1050,15 +1050,15 @@
@apply rounded-md bg-indigo-100 px-0.5 dark:bg-indigo-900; @apply rounded-md bg-indigo-100 px-0.5 dark:bg-indigo-900;
} }
.field-invalid{ .field-invalid {
@apply font-medium text-[0.8rem] text-destructive absolute @apply absolute text-[0.8rem] font-medium text-destructive;
} }
.label-invalid{ .label-invalid {
@apply text-destructive @apply text-destructive;
} }
.input-invalid{ .input-invalid {
@apply border-destructive focus:ring-destructive focus:border-destructive @apply border-destructive focus:border-destructive focus:ring-destructive;
} }
} }