discourse/app/assets/javascripts/admin/addon/components/theme-upload-add.hbs
Kris 8c22831672
UX: update appropriate btn-flat instances to btn-transparent (#25945)
With the adjustments of `btn-transparent` in https://github.com/discourse/discourse/pull/24666, there are more buttons that could use this class instead of `btn-flat`. This mostly relates to `x` close buttons, but also includes composer and chat toggles.

The primary difference between these styles is that `btn-transparent` never has a background, where `btn-flat` may have a hover or focus background.
2024-02-29 11:47:07 +01:00

47 lines
1.2 KiB
Handlebars

<DModal
class="add-upload-modal"
@title={{i18n "admin.customize.theme.add_upload"}}
@closeModal={{@closeModal}}
@flash={{this.flash}}
>
<:body>
<div class="inputs">
<section class="field">
<input
{{on "change" this.updateName}}
type="file"
id="file-input"
accept="*"
/>
<label for="file-input">
{{i18n "admin.customize.theme.upload_file_tip"}}
</label>
</section>
<section class="field">
<label for="theme-variable-name">
{{i18n "admin.customize.theme.variable_name"}}
</label>
<Input id="theme-variable-name" @value={{this.name}} />
</section>
{{#if this.fileSelected}}
{{#if this.errorMessage}}
<span class="alert alert-error">{{this.errorMessage}}</span>
{{/if}}
{{/if}}
</div>
</:body>
<:footer>
<DButton
@action={{this.upload}}
@disabled={{this.disabled}}
@icon="upload"
@label="admin.customize.theme.upload"
class="btn-primary"
/>
<DButton
@action={{@closeModal}}
@label="cancel"
class="btn-transparent d-modal-cancel"
/>
</:footer>
</DModal>