diff options
author | Julius Härtl <jus@bitgrid.net> | 2018-12-19 10:01:59 +0100 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2018-12-20 11:07:50 +0100 |
commit | 1bf955d51b3886a3508cc99014c0a5f20558602d (patch) | |
tree | 968c4d91d3c0eef618711373acb15c590cab88ac /src/App.vue | |
parent | c9fe80865b35c835c25f42e7daa34d917461a7ec (diff) |
Simplify container styles
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/src/App.vue b/src/App.vue index 4ac57d29..0041d6b8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,5 @@ <template> - <div v-if="!serverData.setup" :class="{public: serverData.public}" class="app-social"> + <div v-if="!serverData.setup" id="app-social" :class="{public: serverData.public}"> <div v-if="!serverData.public" id="app-navigation"> <app-navigation :menu="menu" /> </div> @@ -38,22 +38,16 @@ </template> <style scoped> - .app-social { + #app-social { width: 100%; } - .setup { - margin: auto; - width: 700px; - } - - .setup input[type=url] { - width: 300px; - } - #app-content .social__wrapper { padding: 15px; + max-width: 600px; + margin: auto; } + @media (min-width: 1200px) { #app-social:not(.public) #app-content .social__wrapper { margin: 15px calc(50% - 350px - 75px); @@ -61,6 +55,15 @@ } } + .setup { + margin: auto; + width: 700px; + } + + .setup input[type=url] { + width: 300px; + } + #social-spacer a:hover, #social-spacer a:focus { border: none !important; |