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] Fix hero page alignment of image

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-02-23 19:38:21 +01:00
parent b8bd0ee847
commit f8cc5edea4
1 changed files with 16 additions and 1 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"> <div class="column is-flex has-image">
<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,3 +32,18 @@ export default {
name: 'ContentWithHero' name: 'ContentWithHero'
} }
</script> </script>
<style lang="scss" scoped>
@use 'bulma/sass/utilities/mixins';
.column {
&.has-image {
@include mixins.mobile {
justify-content: center;
}
@include mixins.tablet {
justify-content: right;
}
}
}
</style>