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

Fix desktop banner regression

This commit is contained in:
Georg Krause 2021-11-19 10:49:00 +01:00
parent fc3730e5bc
commit 862bfe9365
No known key found for this signature in database
GPG Key ID: FD479B9A4D48E632
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,12 +1,15 @@
<template> <template>
<main class="main pusher page-about" v-title="labels.title"> <main
<div class="ui"> v-title="labels.title"
class="main pusher page-about"
>
<div class="ui" :class="{ container: onDesktop}">
<div class="ui horizontally fitted stripe basic segment"> <div class="ui horizontally fitted stripe basic segment">
<div class="ui basic vertically fitted stripe segment content"> <div class="ui basic vertically fitted stripe segment content">
<section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle"> <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
</section> </section>
</div> </div>
<div class="ui basic vertically fitted stripe segment content container"> <div class="ui basic vertically fitted stripe segment content">
<!-- See layout in _about.scss --> <!-- See layout in _about.scss -->
<div class="about-pod-info-container"> <div class="about-pod-info-container">
<div class="about-pod-info-toc"> <div class="about-pod-info-toc">
@ -337,6 +340,10 @@ export default {
")" ")"
) )
}, },
onDesktop () {
if(window.innerWidth > 800) return true;
return false;
}
} }
} }
</script> </script>