diff options
author | Maxence Lange <maxence@artificial-owl.com> | 2018-12-03 09:01:27 -0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-03 09:01:27 -0100 |
commit | e1005958df4f8c15678088f31a7143116956199c (patch) | |
tree | 3cc6f015df070b9fcc76bbb684b4f6156ae083c0 /src/App.vue | |
parent | bcc71722756fec3258786be8399965c65fa8e37a (diff) | |
parent | 7d0002bc1778fa4f879bfb7999aafd184b4dc3e0 (diff) |
Merge pull request #98 from nextcloud-gmbh/bugfix/93/responsive
Make design more responsive
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, |