feat: improve setup panels

pull/243/head
Josh Moore 1 year ago
parent 293f7027c7
commit 47753f05b7

@ -17,6 +17,10 @@
@apply text-stone-400 italic; @apply text-stone-400 italic;
} }
.setup-panel {
@apply flex flex-col pt-4 w-full max-w-xs;
}
.setup-panel>sl-input { .setup-panel>sl-input {
@apply mb-4; @apply mb-4;
} }

@ -26,7 +26,7 @@ html.dark.sl-theme-dark(lang='en')
p.text-lg.mb-4 Welcome to ass, your new personal file upload server! p.text-lg.mb-4 Welcome to ass, your new personal file upload server!
h2.setup-text-section-header.mt-12 Upload configuration h2.setup-text-section-header.mt-12 Upload configuration
.flex.flex-col.setup-panel.pt-4 .setup-panel
h3.setup-text-item-title Uploads directory h3.setup-text-item-title Uploads directory
sl-input#dir(type='text' placeholder='/opt/ass/uploads' clearable): sl-icon(slot='prefix' name='fas-folders' library='fa') sl-input#dir(type='text' placeholder='/opt/ass/uploads' clearable): sl-icon(slot='prefix' name='fas-folders' library='fa')
h3.setup-text-item-title ID type h3.setup-text-item-title ID type
@ -39,7 +39,7 @@ html.dark.sl-theme-dark(lang='en')
sl-input#filesize(type='number' placeholder='50'): sl-icon(slot='prefix' name='fas-file' library='fa') sl-input#filesize(type='number' placeholder='50'): sl-icon(slot='prefix' name='fas-file' library='fa')
h2.setup-text-section-header.mt-4 S3 #[span.setup-text-optional optional] h2.setup-text-section-header.mt-4 S3 #[span.setup-text-optional optional]
.flex.flex-col.setup-panel.pt-4 .setup-panel
h3.setup-text-item-title Endpoint h3.setup-text-item-title Endpoint
sl-input#s3-endpoint(type='text' placeholder='https://s3.example.com' clearable): sl-icon(slot='prefix' name='fas-server' library='fa') sl-input#s3-endpoint(type='text' placeholder='https://s3.example.com' clearable): sl-icon(slot='prefix' name='fas-server' library='fa')
h3.setup-text-item-title Bucket h3.setup-text-item-title Bucket

Loading…
Cancel
Save