helene/FoundKey
2
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2018-10-02 16:23:55 +09:00
parent 6e04549a9b
commit b5745877ca
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
1 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/client/app/common/views/components/theme.vue
View file

@ -15,7 +15,7 @@
</label> </label>
<details class="creator"> <details class="creator">
<summary>%i18n:@create-a-theme%</summary> <summary>%fa:palette% %i18n:@create-a-theme%</summary>
<div> <div>
<span>%i18n:@base-theme%:</span> <span>%i18n:@base-theme%:</span>
<ui-radio v-model="myThemeBase" value="light">%i18n:@base-theme-light%</ui-radio> <ui-radio v-model="myThemeBase" value="light">%i18n:@base-theme-light%</ui-radio>
@ -38,20 +38,20 @@
<div style="padding-bottom:8px;">%i18n:@text-color%:</div> <div style="padding-bottom:8px;">%i18n:@text-color%:</div>
<color-picker v-model="myThemeText"/> <color-picker v-model="myThemeText"/>
</div> </div>
<ui-button @click="preview()">%i18n:@preview-created-theme%</ui-button> <ui-button @click="preview()">%fa:eye% %i18n:@preview-created-theme%</ui-button>
<ui-button primary @click="gen()">%i18n:@save-created-theme%</ui-button> <ui-button primary @click="gen()">%fa:save R% %i18n:@save-created-theme%</ui-button>
</details> </details>
<details> <details>
<summary>%i18n:@install-a-theme%</summary> <summary>%fa:download% %i18n:@install-a-theme%</summary>
<ui-textarea v-model="installThemeCode"> <ui-textarea v-model="installThemeCode">
<span>%i18n:@theme-code%</span> <span>%i18n:@theme-code%</span>
</ui-textarea> </ui-textarea>
<ui-button @click="install()">%i18n:@install%</ui-button> <ui-button @click="install()">%fa:check% %i18n:@install%</ui-button>
</details> </details>
<details> <details>
<summary>%i18n:@installed-themes%</summary> <summary>%fa:folder-open% %i18n:@installed-themes%</summary>
<ui-select v-model="selectedInstalledThemeId" placeholder="%i18n:@select-theme%"> <ui-select v-model="selectedInstalledThemeId" placeholder="%i18n:@select-theme%">
<option v-for="x in installedThemes" :value="x.id" :key="x.id">{{ x.name }}</option> <option v-for="x in installedThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
</ui-select> </ui-select>
@ -65,7 +65,7 @@
<ui-textarea readonly :value="selectedInstalledThemeCode"> <ui-textarea readonly :value="selectedInstalledThemeCode">
<span>%i18n:@theme-code%</span> <span>%i18n:@theme-code%</span>
</ui-textarea> </ui-textarea>
<ui-button @click="uninstall()">%i18n:@uninstall%</ui-button> <ui-button @click="uninstall()">%fa:trash-alt R% %i18n:@uninstall%</ui-button>
</template> </template>
</details> </details>
</div> </div>
@ -238,6 +238,11 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
.nicnklzforebnpfgasiypmpdaaglujqm .nicnklzforebnpfgasiypmpdaaglujqm
> details
margin-top 16px
padding-top 16px
border-top solid 1px var(--faceDivider)
> .creator > .creator
> div > div
padding 16px 0 padding 16px 0