MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-03-03 23:30:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Simplify styling of hero page

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-02-23 19:04:20 +01:00
parent acbc335897
commit bf2e468350
1 changed files with 1 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web-src/src/templates/ContentWithHero.vue
View File

@ -4,7 +4,7 @@
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-four-fifths"> <div class="column is-four-fifths">
<div class="columns is-flex-direction-row-reverse"> <div class="columns is-flex-direction-row-reverse">
<div class="column has-image"> <div class="column">
<slot name="heading-right" /> <slot name="heading-right" />
</div> </div>
<div class="column m-auto is-three-fifths has-text-centered-mobile"> <div class="column m-auto is-three-fifths has-text-centered-mobile">
@ -32,18 +32,3 @@ export default {
name: 'ContentWithHero' name: 'ContentWithHero'
} }
</script> </script>
<style lang="scss" scoped>
@use 'bulma/sass/utilities/mixins';
.column {
&.has-image {
@include mixins.mobile {
margin: auto;
}
@include mixins.tablet {
margin-right: 0;
}
}
}
</style>