YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

improve TopBar buttons responsiveness

Browse source
This commit is contained in:
axolotle 2022-01-05 15:56:39 +01:00
parent fd21c9f406
commit 4547427ac3
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/src/components/globals/TopBar.vue
View file

@ -47,28 +47,29 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
#top-bar { #top-bar {
margin-bottom: 2rem; margin-bottom: 1rem;
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
.top-bar-group { .top-bar-group {
display: flex; display: flex;
margin-bottom: 1rem;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.top-bar-group { .top-bar-group {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
::v-deep .btn:not(:first-of-type) {
margin-bottom: .25rem;
}
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
flex-direction: column-reverse; flex-direction: column-reverse;
#top-bar-left ~ #top-bar-right { #top-bar-right {
margin-bottom: 1rem; margin-bottom: .75rem;
::v-deep > * {
margin-bottom: .25rem;
}
} }
.top-bar-group { .top-bar-group {