fix: Reduce spacing a bit and align contexts headers

Signed-off-by: Julius Härtl <jus@bitgrid.net>
nextcloud · Mar 14, 2024 · 4009e8e · 4009e8e
1 parent 2da88c4
commit 4009e8e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/src/pages/Context.vue b/src/pages/Context.vue
@@ -2,14 +2,14 @@
 	<div class="row">
 		<div v-if="loading" class="icon-loading" />
 		<div v-if="!loading && context">
-			<div class="content first-row">
-				<div class="row">
-					<h1 style="display: flex; align-items: center;">
-						<NcIconSvgWrapper :svg="icon" :size="40" style="display: inline-block;" />&nbsp; {{ activeContext.name }}
+			<div class="content context">
+				<div class="row first-row">
+					<h1 class="context__title">
+						<NcIconSvgWrapper :svg="icon" :size="32" style="display: inline-block;" />&nbsp; {{ activeContext.name }}
 					</h1>
 				</div>
-				<div class="row">
-					<h3> {{ activeContext.description }}</h3>
+				<div class="row space-L context__description">
+					{{ activeContext.description }}
 				</div>
 			</div>
 
@@ -209,6 +209,7 @@ export default {
 		min-height: 32px;
 	}
 }
+
 .resource {
 	margin: 40px 0;
 

diff --git a/src/shared/components/ncContextResource/ResourceList.vue b/src/shared/components/ncContextResource/ResourceList.vue
@@ -1,13 +1,10 @@
 <template>
 	<div>
-		<div class="resource-label">
-			{{ t('tables', 'Selected Resources') }}
-		</div>
 		<div v-if="loading" class="icon-loading" />
 		<ul v-if="getResources && getResources.length > 0" class="resource-list">
 			<div v-for="resource in getResources" :key="resource.key" class="row">
 				<div class="fix-col-2">
-					<div style="display:flex; align-items: center;">
+					<div style="display:flex; align-items: center; padding: 10px;">
 						{{ resource.emoji }} &nbsp; {{ resource.title }}
 					</div>
 				</div>