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

migration(bs5): media-breakpoint-down(): use breakpoint itself instead of next breakpoint

Browse source
This commit is contained in:
axolotle 2024-03-14 19:52:07 +01:00
parent c7bd9af3a2
commit 6241ba4382
8 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/components/QueryHeader.vue
View file

@ -133,7 +133,7 @@ time {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
.xs-hide .request-desc { .xs-hide .request-desc {
display: none; display: none;
} }

2
app/src/components/globals/DescriptionRow.vue
View file

@ -42,7 +42,7 @@ export default {
} }
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(md) {
flex-direction: column; flex-direction: column;
&:not(:last-of-type) { &:not(:last-of-type) {

2
app/src/components/globals/ReadOnlyField.vue
View file

@ -56,7 +56,7 @@ export default {
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin: 1rem 0; margin: 1rem 0;
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(md) {
flex-direction: column; flex-direction: column;
&:not(:last-of-type) { &:not(:last-of-type) {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;

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

@ -55,13 +55,13 @@ export default {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
.top-bar-group { .top-bar-group {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(md) {
flex-direction: column-reverse; flex-direction: column-reverse;
#top-bar-right { #top-bar-right {

6
app/src/scss/main.scss
View file

@ -115,7 +115,7 @@ body {
} }
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(md) {
flex-direction: column; flex-direction: column;
&:not(:last-of-type) { &:not(:last-of-type) {
@ -190,14 +190,14 @@ h3.card-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
.buttons { .buttons {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-down(md) {
flex-direction: column-reverse; flex-direction: column-reverse;
margin-bottom: 2rem; margin-bottom: 2rem;

2
app/src/views/_partials/HistoryConsole.vue
View file

@ -247,7 +247,7 @@ export default {
align-items: center; align-items: center;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
margin-left: -15px; margin-left: -15px;
width: calc(100% + 30px); width: calc(100% + 30px);

2
app/src/views/service/ServiceList.vue
View file

@ -86,7 +86,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@include media-breakpoint-down(md) { @include media-breakpoint-down(lg) {
h5 small { h5 small {
display: block; display: block;
margin-top: 0.25rem; margin-top: 0.25rem;

4
app/src/views/tool/ToolFirewall.vue
View file

@ -313,7 +313,7 @@ export default {
} }
span { span {
visibility: hidden; visibility: hidden;
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
display: none; display: none;
} }
} }
@ -326,7 +326,7 @@ export default {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(sm) {
fieldset { fieldset {
width: 100%; width: 100%;
} }