From 8b44e32a1ab035195abfc1374a9d471c3c32e231 Mon Sep 17 00:00:00 2001
From: Aylam <aylamz@posteo.net>
Date: Fri, 27 Oct 2023 18:49:26 +0300
Subject: [PATCH] Remove 'Centered' layout

---
 .../client/src/components/global/MkSpacer.vue |  4 -
 packages/client/src/navbar.ts                 |  8 --
 packages/client/src/ui/universal.vue          | 94 ++-----------------
 3 files changed, 6 insertions(+), 100 deletions(-)

diff --git a/packages/client/src/components/global/MkSpacer.vue b/packages/client/src/components/global/MkSpacer.vue
index f5054bfbc..90d1f93cc 100644
--- a/packages/client/src/components/global/MkSpacer.vue
+++ b/packages/client/src/components/global/MkSpacer.vue
@@ -35,10 +35,6 @@ const adjust = (rect: { width: number; height: number }) => {
 		margin = props.marginMin;
 		return;
 	}
-	if (ui === "classic") {
-		margin = 12;
-		return;
-	}
 
 	if (
 		rect.width > (props.contentMax ?? 0) ||
diff --git a/packages/client/src/navbar.ts b/packages/client/src/navbar.ts
index 3a322c7f0..0847d3500 100644
--- a/packages/client/src/navbar.ts
+++ b/packages/client/src/navbar.ts
@@ -121,14 +121,6 @@ export const navbarItemDef = reactive({
 							unisonReload();
 						},
 					},
-					{
-						text: i18n.ts.classic,
-						active: ui === "classic",
-						action: () => {
-							localStorage.setItem("ui", "classic");
-							unisonReload();
-						},
-					},
 					{
 						text: i18n.ts.deck,
 						active: ui === "deck",
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index e7a7d5d47..b3ce3fb35 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -1,8 +1,5 @@
 <template>
-	<div
-		class="dkgtipfy"
-		:class="{ wallpaper, isMobile, centered: ui === 'classic' }"
-	>
+	<div class="dkgtipfy" :class="{ wallpaper, isMobile }">
 		<XSidebar v-if="!isMobile" />
 
 		<MkStickyContainer class="contents">
@@ -491,89 +488,6 @@ console.log(mainRouter.currentRoute.value.name);
 		}
 	}
 
-	&.centered {
-		justify-content: center;
-		&:not(.isMobile) {
-			--navBg: transparent;
-			> .contents {
-				border-inline: 0.5px solid var(--divider);
-				margin-inline: -1px;
-			}
-		}
-
-		> :deep(.sidebar:not(.iconOnly)) {
-			margin-left: -200px;
-			padding-left: 200px;
-			box-sizing: content-box;
-			.banner {
-				pointer-events: none;
-				top: -20% !important;
-				mask: radial-gradient(
-					farthest-side at top,
-					hsl(0, 0%, 0%) 0%,
-					hsla(0, 0%, 0%, 0.987) 0.3%,
-					hsla(0, 0%, 0%, 0.951) 1.4%,
-					hsla(0, 0%, 0%, 0.896) 3.2%,
-					hsla(0, 0%, 0%, 0.825) 5.8%,
-					hsla(0, 0%, 0%, 0.741) 9.3%,
-					hsla(0, 0%, 0%, 0.648) 13.6%,
-					hsla(0, 0%, 0%, 0.55) 18.9%,
-					hsla(0, 0%, 0%, 0.45) 25.1%,
-					hsla(0, 0%, 0%, 0.352) 32.4%,
-					hsla(0, 0%, 0%, 0.259) 40.7%,
-					hsla(0, 0%, 0%, 0.175) 50.2%,
-					hsla(0, 0%, 0%, 0.104) 60.8%,
-					hsla(0, 0%, 0%, 0.049) 72.6%,
-					hsla(0, 0%, 0%, 0.013) 85.7%,
-					hsla(0, 0%, 0%, 0) 100%
-				) !important;
-				-webkit-mask: radial-gradient(
-					farthest-side at top,
-					hsl(0, 0%, 0%) 0%,
-					hsla(0, 0%, 0%, 0.987) 0.3%,
-					hsla(0, 0%, 0%, 0.951) 1.4%,
-					hsla(0, 0%, 0%, 0.896) 3.2%,
-					hsla(0, 0%, 0%, 0.825) 5.8%,
-					hsla(0, 0%, 0%, 0.741) 9.3%,
-					hsla(0, 0%, 0%, 0.648) 13.6%,
-					hsla(0, 0%, 0%, 0.55) 18.9%,
-					hsla(0, 0%, 0%, 0.45) 25.1%,
-					hsla(0, 0%, 0%, 0.352) 32.4%,
-					hsla(0, 0%, 0%, 0.259) 40.7%,
-					hsla(0, 0%, 0%, 0.175) 50.2%,
-					hsla(0, 0%, 0%, 0.104) 60.8%,
-					hsla(0, 0%, 0%, 0.049) 72.6%,
-					hsla(0, 0%, 0%, 0.013) 85.7%,
-					hsla(0, 0%, 0%, 0) 100%
-				) !important;
-				width: 125% !important;
-				left: -12.5% !important;
-				height: 145% !important;
-			}
-		}
-
-		> .contents {
-			min-width: 0;
-			width: 750px;
-			background: var(--panel);
-			border-radius: 0;
-			overflow: clip;
-			--margin: 12px;
-			background: var(--bg);
-		}
-
-		&.wallpaper {
-			.contents {
-				background: var(--acrylicBg) !important;
-				backdrop-filter: var(--blur, blur(12px));
-			}
-			:deep(.tl),
-			:deep(.notes) {
-				background: none;
-			}
-		}
-	}
-
 	> .contents {
 		width: 100%;
 		min-width: 0;
@@ -624,7 +538,11 @@ console.log(mainRouter.currentRoute.value.name);
 		height: 4rem;
 		width: 4rem;
 		background-position: center;
-		background: linear-gradient(90deg,var(--buttonGradateA),var(--buttonGradateB));
+		background: linear-gradient(
+			90deg,
+			var(--buttonGradateA),
+			var(--buttonGradateB)
+		);
 		color: var(--fgOnAccent);
 		position: fixed !important;
 		z-index: 1000;