change to footer

This commit is contained in:
booploops 2022-04-11 17:31:35 -07:00
parent 605360360d
commit 4c0f66ac75
2 changed files with 32 additions and 17 deletions

View file

@ -1388,23 +1388,24 @@ fieldset:disabled .btn {
.btn-secondary {
color : #fff;
background-color: #6c757d;
border-color : #6c757d;
border-color : 1px solid rgba(100, 100, 100, 0.35);
background-color: rgba(100, 100, 100, 0.25);
border-top-color: 1px solid rgba(100, 100, 100, 0.5);
}
.btn-secondary:hover {
color : #fff;
background-color: #5c636a;
border-color : #565e64;
// background-color: #5c636a;
// border-color : #565e64;
}
.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
color : #fff;
background-color: #5c636a;
border-color : #565e64;
box-shadow : 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
// .btn-check:focus+.btn-secondary,
// .btn-secondary:focus {
// color : #fff;
// background-color: #5c636a;
// border-color : #565e64;
// box-shadow : 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
// }
.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,

View file

@ -964,11 +964,18 @@
</b-col>
</b-row>
</b-list-group-item>
<b-list-group-item variant="dark">
<b-dropdown class="stylesDropdown" variant="primary" text="Add Style...">
<b-dropdown-item v-for="theme in themes" @click="addStyle(theme.file)">{{theme.name}}</b-dropdown-item>
</b-dropdown>
</b-list-group-item>
<b-list-group-item slot="footer" style="-webkit-user-drag: none" variant="dark">
<b-row>
<b-col>
<b-dropdown class="stylesDropdown" variant="primary" text="Add Style...">
<b-dropdown-item v-for="theme in themes" @click="addStyle(theme.file)">{{theme.name}}</b-dropdown-item>
</b-dropdown>
</b-col>
<b-col>
<b-btn @click="gitHubExplore()">{{$root.getLz('settings.option.visual.theme.github.explore')}}</b-btn>
</b-col>
</b-row>
</b-list-group-item>
</draggable>
</div>
`,
@ -985,8 +992,15 @@
}
},
methods: {
gitHubExplore() {
this.$root.appRoute("themes-github")
},
getThemeName(filename) {
return this.themes.find(theme => theme.file === filename).name;
try {
return this.themes.find(theme => theme.file === filename).name;
}catch(e) {
return filename;
}
},
moveUp() {
const styles = this.$root.cfg.visual.styles