From 69e0e7c81c29fbaeb231c93734be17a4df4f22a3 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Fri, 2 Aug 2024 11:39:27 +0200
Subject: [PATCH 1/2] docs(NcSettingsSection): add more sections to example

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 .../NcSettingsSection/NcSettingsSection.vue   | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/NcSettingsSection/NcSettingsSection.vue b/src/components/NcSettingsSection/NcSettingsSection.vue
index 8ce0eb6ea8..8f4c29252f 100644
--- a/src/components/NcSettingsSection/NcSettingsSection.vue
+++ b/src/components/NcSettingsSection/NcSettingsSection.vue
@@ -12,12 +12,30 @@ This component is to be used in the settings section of nextcloud.
 
 ```vue
 <template>
-	<NcSettingsSection
-		name="Two-Factor Authentication"
-		description="Two-factor authentication can be enforced for all users and specific groups."
-		doc-url="https://docs.nextcloud.com/server/19/go.php?to=admin-2fa">
-		<p>Your settings here</p>
-	</NcSettingsSection>
+	<div>
+		<NcSettingsSection name="Two-factor authentication"
+			description="Two-factor authentication can be enforced for all accounts and specific groups. If they do not have a two-factor provider configured, they will be unable to log into the system."
+			doc-url="https://docs.nextcloud.com/server/19/go.php?to=admin-2fa">
+			<NcCheckboxRadioSwitch type="switch">
+				Enforce two-factor authentication
+			</NcCheckboxRadioSwitch>
+		</NcSettingsSection>
+
+		<NcSettingsSection name="Server-side encryption"
+			description="Server-side encryption makes it possible to encrypt files which are uploaded to this server. This comes with limitations like a performance penalty, so enable this only if needed.">
+			<NcCheckboxRadioSwitch type="switch">
+				Enable server-side encryption
+			</NcCheckboxRadioSwitch>
+		</NcSettingsSection>
+
+		<NcSettingsSection name="OAuth 2.0 clients"
+			description="OAuth 2.0 allows external services to request access to Nextcloud."
+			doc-url="https://docs.nextcloud.com/server/latest/admin_manual/configuration_server/oauth2.html">
+
+			Any content here
+
+		</NcSettingsSection>
+	</div>
 </template>
 ```
 </docs>

From fcb4774766d025677dafb30ea09269e4037e8df9 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Fri, 2 Aug 2024 11:19:14 +0200
Subject: [PATCH 2/2] fix(NcSettingsSection): remove default h2 margin-top

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/NcSettingsSection/NcSettingsSection.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/NcSettingsSection/NcSettingsSection.vue b/src/components/NcSettingsSection/NcSettingsSection.vue
index 8f4c29252f..34a62b5155 100644
--- a/src/components/NcSettingsSection/NcSettingsSection.vue
+++ b/src/components/NcSettingsSection/NcSettingsSection.vue
@@ -128,6 +128,7 @@ $sectionMargin: calc(var(--default-grid-baseline) * 7);
 		align-items: center;
 		justify-content: center;
 		max-width: $maxWidth;
+		margin-top: 0; // Remove default heading margin
 	}
 
 	&__info {