fix: Update separator colors

frappe · Nov 22, 2024 · 1bda26a · 1bda26a
1 parent 28fa6f8
commit 1bda26a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/components/BuilderToolbar.vue b/frontend/src/components/BuilderToolbar.vue
@@ -1,6 +1,6 @@
 <template>
 	<div
-		class="toolbar bg-out border-outline border-outline flex items-center justify-center border-b-[1px] border-outline-gray-1 bg-surface-white px-2 py-1"
+		class="toolbar border-outline border-outline flex items-center justify-center border-b-[1px] border-outline-gray-1 bg-surface-white px-2 py-1"
 		ref="toolbar">
 		<div class="absolute left-3 flex items-center gap-5">
 			<MainMenu @showSettings="() => (showSettingsDialog = true)"></MainMenu>

diff --git a/frontend/src/components/Settings/GlobalGeneral.vue b/frontend/src/components/Settings/GlobalGeneral.vue
@@ -12,7 +12,7 @@
 				}
 			"
 			:options="routeOptions"></InlineInput>
-		<hr class="border-surface-gray-2 w-full" />
+		<hr class="w-full border-outline-gray-2" />
 		<div class="flex flex-col justify-between gap-5">
 			<span class="text-lg font-semibold text-ink-gray-9">Favicon</span>
 			<div class="flex flex-1 gap-5">
@@ -35,7 +35,7 @@
 				</div>
 			</div>
 		</div>
-		<hr class="border-surface-gray-2 w-full" />
+		<hr class="w-full border-outline-gray-2" />
 		<Switch
 			size="sm"
 			label="Enable View Tracking"

diff --git a/frontend/src/components/Settings/PageGeneral.vue b/frontend/src/components/Settings/PageGeneral.vue
@@ -63,7 +63,7 @@
 					</div>
 				</div>
 				<!-- favicon -->
-				<hr class="border-surface-gray-2 w-full" />
+				<hr class="w-full border-outline-gray-2" />
 
 				<div class="flex flex-col justify-between gap-5">
 					<span class="text-lg font-semibold text-ink-gray-9">Favicon</span>
@@ -92,7 +92,7 @@
 					</div>
 				</div>
 				<div class="flex flex-col gap-4">
-					<hr class="border-surface-gray-2 w-full" />
+					<hr class="w-full border-outline-gray-2" />
 					<!-- homepage -->
 					<div class="flex items-center justify-between">
 						<div class="flex flex-col gap-2">
@@ -110,15 +110,15 @@
 							</Button>
 						</Tooltip>
 					</div>
-					<hr class="border-surface-gray-2 w-full" />
+					<hr class="w-full border-outline-gray-2" />
 					<Switch
 						size="sm"
 						label="Protected Page"
 						:disabled="store.isHomePage(store.activePage)"
 						description="Only logged-in users can access this page"
 						:modelValue="Boolean(store.activePage?.authenticated_access)"
 						@update:modelValue="(val: Boolean) => store.updateActivePage('authenticated_access', val)" />
-					<hr class="border-surface-gray-2 w-full" />
+					<hr class="w-full border-outline-gray-2" />
 					<Switch
 						size="sm"
 						label="Disable Indexing"