MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make mobile about page banner full width

This commit is contained in:
Georg Krause 2021-11-17 15:21:26 +01:00
parent 0578d18cd9
commit 302c1dd472
No known key found for this signature in database
GPG Key ID: FD479B9A4D48E632
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/components/AboutPod.vue
View File

@ -1,12 +1,12 @@
<template>
<main class="main pusher page-about" v-title="labels.title">
<div class="ui container">
<div class="ui">
<div class="ui horizontally fitted stripe basic segment">
<div class="ui basic vertically fitted stripe segment content">
<section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
</section>
</div>
<div class="ui basic vertically fitted stripe segment content">
<div class="ui basic vertically fitted stripe segment content container">
<!-- See layout in _about.scss -->
<div class="about-pod-info-container">
<!-- TODO: Table of contents -->

12
front/src/style/pages/_about.scss
View File

@ -150,6 +150,18 @@
}
@include media('<tablet') {
.about-pod-info-container {
padding: 0 2em;
}
.ui.horizontally.fitted.stripe.basic.segment {
padding-top: 0px;
}
.ui.basic.vertically.fitted.stripe.segment.content {
padding: 0px;
}
.ui.head.vertical.center.aligned.stripe.segment {
border-radius: 0 !important;
}
.statistics-container {
.statistics-statistic {
flex-basis: 50%;