chore: 🎨 format

packages/client/src/components/MkMedia.vue

@@ -226,11 +226,13 @@ watch(
 		display: flex;
 		min-width: max-content;
 		width: 110px;
-		transition: width 0.2s cubic-bezier(0,0,0,1);
+		transition: width 0.2s cubic-bezier(0, 0, 0, 1);
 		[data-plyr="volume"] {
 			width: 0;
 			flex-grow: 1;
-			transition: margin 0.3s, opacity .2s 0.2s;
+			transition:
+				margin 0.3s,
+				opacity 0.2s 0.2s;
 		}
 		&:not(:hover):not(:focus-within) {
 			width: 0px;
@@ -238,7 +240,9 @@ watch(
 			[data-plyr="volume"] {
 				margin-inline: 0px;
 				opacity: 0;
-				transition: margin 0.3s, opacity 0.1s;
+				transition:
+					margin 0.3s,
+					opacity 0.1s;
 			}
 		}
 	}

packages/client/src/pages/user/home.vue

@@ -26,12 +26,13 @@
 								class="banner"
 								:style="{
 									backgroundImage: `url('${user.bannerUrl}')`,
-									'--backgroundImageStatic': defaultStore
-										.state.useBlurEffect && user.bannerUrl
-										? `url('${getStaticImageUrl(
-												user.bannerUrl,
-										  )}')`
-										: null,
+									'--backgroundImageStatic':
+										defaultStore.state.useBlurEffect &&
+										user.bannerUrl
+											? `url('${getStaticImageUrl(
+													user.bannerUrl,
+											  )}')`
+											: null,
 								}"
 							></div>
 							<div class="fade"></div>

packages/client/src/ui/_common_/navbar.vue

@@ -285,7 +285,8 @@ function more(ev: MouseEvent) {
 		box-sizing: border-box;
 		color: var(--navFg);
 
-		&:before, &.post::after {
+		&:before,
+		&.post::after {
 			content: "";
 			display: block;
 			width: calc(100% - 34px);
@@ -342,7 +343,9 @@ function more(ev: MouseEvent) {
 		&.active {
 			color: var(--accent);
 			opacity: 1;
-			transition: color 0.4s, opacity 0.4s;
+			transition:
+				color 0.4s,
+				opacity 0.4s;
 			&::before {
 				opacity: 1;
 			}
@@ -536,7 +539,6 @@ function more(ev: MouseEvent) {
 					width: calc(100% - 32px);
 					border-top: solid 0.5px var(--divider);
 				}
-
 			}
 		}
 		.nav-item {
@@ -571,7 +573,8 @@ function more(ev: MouseEvent) {
 			width: 100%;
 			height: 52px;
 			margin-bottom: 16px;
-			&:before, &::after {
+			&:before,
+			&::after {
 				inset: 0;
 				margin: auto;
 				width: 52px;