fix: remove app-content-details from global styling

Signed-off-by: greta <[email protected]>
nextcloud · Jan 20, 2025 · e6f08dc · e6f08dc
1 parent 84abda7
commit e6f08dc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/components/CircleDetails.vue b/src/components/CircleDetails.vue
@@ -388,6 +388,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-content-details {
+	padding: calc(var(--default-grid-baseline) * 2);
+	padding-top: 0;
+	height: 100%;
+	overflow: auto;
+
+	// Compensate top padding reserved for the back button on mobile
+	@media (max-width: 1024px) {
+		height: calc(100% - 44px);
+		padding: 0 20px;
+	}
+}
 .app-content-details header,
 .app-content-details section {
 	max-width: 800px;

diff --git a/src/css/contacts.scss b/src/css/contacts.scss
@@ -19,18 +19,6 @@ $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2;
 // various
 @import 'animations';
 
-.app-content-details {
-	padding: calc(var(--default-grid-baseline) * 2);
-	padding-top: 0;
-	height: 100%;
-	overflow: auto;
-
-	// Compensate top padding reserved for the back button on mobile
-	@media (max-width: 1024px) {
-		height: calc(100% - 44px);
-		padding: 0 20px;
-	}
-}
 
 .app-content-list {
 	// Cancel scrolling