diff options
author | Julius Härtl <jus@bitgrid.net> | 2018-12-03 09:57:26 +0100 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2018-12-03 09:57:26 +0100 |
commit | 7d0002bc1778fa4f879bfb7999aafd184b4dc3e0 (patch) | |
tree | 3cc6f015df070b9fcc76bbb684b4f6156ae083c0 /src/App.vue | |
parent | bcc71722756fec3258786be8399965c65fa8e37a (diff) |
Make design more responsive
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/App.vue b/src/App.vue index b7d1f6c0..c7c9355b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,8 +4,10 @@ <app-navigation :menu="menu" /> </div> <div id="app-content"> - <Search v-if="searchTerm != ''" :term="searchTerm" /> - <router-view v-if="searchTerm === ''" :key="$route.fullPath" /> + <div class="social__wrapper"> + <Search v-if="searchTerm != ''" :term="searchTerm" /> + <router-view v-if="searchTerm === ''" :key="$route.fullPath" /> + </div> </div> </div> <div v-else class="setup"> @@ -42,7 +44,13 @@ } #app-content .social__wrapper { - margin: 15px calc(50% - 350px - 75px); + padding: 15px; + } + @media (min-width: 1200px) { + #app-content .social__wrapper { + margin: 15px calc(50% - 350px - 75px); + max-width: 700px; + } } #social-spacer a:hover, |