Cleanup social content wrapper classes

Signed-off-by: Julius Härtl <jus@bitgrid.net>

4 files changed, 5 insertions, 28 deletions

diff --git a/src/App.vue b/src/App.vue
index 1f9dbf71..f2fd9941 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
 			<app-navigation :menu="menu" />
 		</div>
 		<div id="app-content">
-			<div v-if="serverData.isAdmin && !serverData.checks.success" class="setup">
+			<div v-if="serverData.isAdmin && !serverData.checks.success" class="setup social__wrapper">
 				<h3 v-if="!serverData.checks.checks.wellknown">{{ t('social', '.well-known/webfinger isn\'t properly set up!') }}</h3>
 				<p v-if="!serverData.checks.checks.wellknown">{{ t('social', 'Social needs the .well-known automatic discovery to be properly set up. If Nextcloud is not installed in the root of the domain, it is often the case that Nextcloud can\'t configure this automatically. To use Social, the admin of this Nextcloud instance needs to manually configure the .well-known redirects: ') }}<a class="external_link" href="https://docs.nextcloud.com/server/15/go.php?to=admin-setup-well-known-URL" target="_blank"
 					rel="noreferrer noopener">{{ t('social', 'Open documentation') }} ↗</a></p>
diff --git a/src/components/Search.vue b/src/components/Search.vue
index bd3f81b8..312d8d21 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<div class="social__container">
+	<div class="social__wrapper">
 		<div v-if="results.length < 1" id="emptycontent" :class="{'icon-loading': loading}">
 			<div v-if="!loading" class="icon-search" />
 			<h2 v-if="!loading">{{ t('social', 'No accounts found') }}</h2>
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 1c2afb98..5859dd5d 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -23,25 +23,11 @@
 <template>
 	<div class="social__wrapper">
 		<profile-info :uid="uid" />
-		<div class="social__container">
-			<router-view name="details" />
-		</div>
+		<router-view name="details" />
 	</div>
 </template>
 
 <style scoped>
-	.social__wrapper {
-		max-width: 600px;
-		margin: 15px auto;
-	}
-
-	.social__welcome {
-		max-width: 600px;
-		margin: 15px auto;
-		padding: 15px;
-		border-radius: 10px;
-		background-color: var(--color-background-dark);
-	}
 
 	.social__welcome h3 {
 		margin-top: 0;
diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
index 686c7b37..d719c04f 100644
--- a/src/views/Timeline.vue
+++ b/src/views/Timeline.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="social__container">
+	<div class="social__wrapper">
 		<transition name="slide-fade">
 			<div v-if="showInfo" class="social__welcome">
 				<a class="close icon-close" href="#" @click="hideInfo()"><span class="hidden-visually">Close</span></a>
@@ -28,16 +28,7 @@
 </template>
 
 <style scoped>
-	.social__container {
-		flex-grow: 1;
-	}
-	.social__profile {
-		max-width: 500px;
-		flex-grow: 1;
-		border-right: 1px solid var(--color-background-dark);
-		text-align: center;
-		padding-top: 20px;
-	}
+
 	.social__welcome {
 		max-width: 600px;
 		margin: 15px auto;