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

Smaller padding in menu and sections on small resolutions

This commit is contained in:
Eliot Berriot 2018-02-15 22:34:14 +01:00
parent a703b26ac2
commit 28c0121c89
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
front/src/App.vue
View File

@ -40,6 +40,7 @@ export default {
// and we end up with CSS rules not applied,
// see https://github.com/webpack/webpack/issues/215
@import 'semantic/semantic.css';
@import 'style/vendor/media';
#app {
@ -56,11 +57,11 @@ export default {
.main-pusher {
padding: 1.5rem 0;
}
#footer {
padding: 4em;
}
.ui.stripe.segment {
padding: 4em;
.ui.stripe.segment, #footer {
padding: 2em;
@include media(">tablet") {
padding: 4em;
}
}
.ui.small.text.container {

11
front/src/components/library/Library.vue
View File

@ -22,8 +22,12 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
@import '../../style/vendor/media';
.library.pusher > .ui.secondary.menu {
margin: 0 2.5rem;
@include media(">tablet") {
margin: 0 2.5rem;
}
.item {
padding-top: 1.5em;
padding-bottom: 1.5em;
@ -37,7 +41,10 @@ export default {
padding: 0;
.segment-content {
margin: 0 auto;
padding: 4em;
padding: 2em;
@include media(">tablet") {
padding: 4em;
}
}
&.with-background {
.header {