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, // and we end up with CSS rules not applied,
// see https://github.com/webpack/webpack/issues/215 // see https://github.com/webpack/webpack/issues/215
@import 'semantic/semantic.css'; @import 'semantic/semantic.css';
@import 'style/vendor/media';
#app { #app {
@ -56,11 +57,11 @@ export default {
.main-pusher { .main-pusher {
padding: 1.5rem 0; padding: 1.5rem 0;
} }
#footer { .ui.stripe.segment, #footer {
padding: 4em; padding: 2em;
} @include media(">tablet") {
.ui.stripe.segment { padding: 4em;
padding: 4em; }
} }
.ui.small.text.container { .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 --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss"> <style lang="scss">
@import '../../style/vendor/media';
.library.pusher > .ui.secondary.menu { .library.pusher > .ui.secondary.menu {
margin: 0 2.5rem; @include media(">tablet") {
margin: 0 2.5rem;
}
.item { .item {
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 1.5em; padding-bottom: 1.5em;
@ -37,7 +41,10 @@ export default {
padding: 0; padding: 0;
.segment-content { .segment-content {
margin: 0 auto; margin: 0 auto;
padding: 4em; padding: 2em;
@include media(">tablet") {
padding: 4em;
}
} }
&.with-background { &.with-background {
.header { .header {