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 { .btn-secondary {
color : #fff; color : #fff;
background-color: #6c757d; border-color : 1px solid rgba(100, 100, 100, 0.35);
border-color : #6c757d; background-color: rgba(100, 100, 100, 0.25);
border-top-color: 1px solid rgba(100, 100, 100, 0.5);
} }
.btn-secondary:hover { .btn-secondary:hover {
color : #fff; color : #fff;
background-color: #5c636a; // background-color: #5c636a;
border-color : #565e64; // border-color : #565e64;
} }
.btn-check:focus+.btn-secondary, // .btn-check:focus+.btn-secondary,
.btn-secondary:focus { // .btn-secondary:focus {
color : #fff; // color : #fff;
background-color: #5c636a; // background-color: #5c636a;
border-color : #565e64; // border-color : #565e64;
box-shadow : 0 0 0 0.25rem rgba(130, 138, 145, 0.5); // box-shadow : 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
} // }
.btn-check:checked+.btn-secondary, .btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary, .btn-check:active+.btn-secondary,

View file

@ -964,10 +964,17 @@
</b-col> </b-col>
</b-row> </b-row>
</b-list-group-item> </b-list-group-item>
<b-list-group-item variant="dark"> <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 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-item v-for="theme in themes" @click="addStyle(theme.file)">{{theme.name}}</b-dropdown-item>
</b-dropdown> </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> </b-list-group-item>
</draggable> </draggable>
</div> </div>
@ -985,8 +992,15 @@
} }
}, },
methods: { methods: {
gitHubExplore() {
this.$root.appRoute("themes-github")
},
getThemeName(filename) { getThemeName(filename) {
try {
return this.themes.find(theme => theme.file === filename).name; return this.themes.find(theme => theme.file === filename).name;
}catch(e) {
return filename;
}
}, },
moveUp() { moveUp() {
const styles = this.$root.cfg.visual.styles const styles = this.$root.cfg.visual.styles