summaryrefslogtreecommitdiffstats
path: root/src/App.vue
diff options
context:
space:
mode:
authorMaxence Lange <maxence@artificial-owl.com>2018-12-03 09:01:27 -0100
committerGitHub <noreply@github.com>2018-12-03 09:01:27 -0100
commite1005958df4f8c15678088f31a7143116956199c (patch)
tree3cc6f015df070b9fcc76bbb684b4f6156ae083c0 /src/App.vue
parentbcc71722756fec3258786be8399965c65fa8e37a (diff)
parent7d0002bc1778fa4f879bfb7999aafd184b4dc3e0 (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.vue14
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,