refactor

src/client/components/modal-page-window.vue

@@ -10,7 +10,7 @@
 			</span>
 			<button class="_button" @click="$refs.modal.close()"><i class="fas fa-times"></i></button>
 		</div>
-		<div class="body _flat_">
+		<div class="body _fitSide_">
 			<keep-alive>
 				<component :is="component" v-bind="props" :ref="changePage"/>
 			</keep-alive>

src/client/components/page-window.vue

@@ -16,7 +16,7 @@
 	<template #headerLeft>
 		<button v-if="history.length > 0" class="_button" @click="back()" v-tooltip="$ts.goBack"><i class="fas fa-arrow-left"></i></button>
 	</template>
-	<div class="yrolvcoq _flat_">
+	<div class="yrolvcoq _fitSide_">
 		<component :is="component" v-bind="props" :ref="changePage"/>
 	</div>
 </XWindow>

src/client/components/ui/folder.vue

@@ -154,7 +154,7 @@ export default defineComponent({
 	}
 }
 
-._flat_ .ssazuxis {
+._fitSide_ .ssazuxis {
 	> header {
 		padding: 0 16px;
 	}

src/client/components/ui/info.vue

@@ -43,7 +43,7 @@ export default defineComponent({
 	}
 }
 
-._flat_ .fpezltsf {
+._fitSide_ .fpezltsf {
 	border-radius: 0;
 }
 </style>

src/client/pages/user/index.vue

@@ -827,7 +827,7 @@ export default defineComponent({
 	}
 }
 
-._flat_ .ftskorzw.narrow {
+._fitSide_ .ftskorzw.narrow {
 	> .profile {
 		> .warn {
 			margin: 0;

src/client/style.scss

@@ -380,7 +380,7 @@ hr {
 	}
 }
 
-._flat_ {
+._fitSide_ {
 	--root-margin: 0px;
 	--baseContentWidth: 100%;
 	--panelBorder: none;

src/client/ui/chat/side.vue

@@ -3,7 +3,7 @@
 	<header class="header" @contextmenu.prevent.stop="onContextmenu">
 		<MkHeader class="title" :info="pageInfo" :center="false"/>
 	</header>
-	<component :is="component" v-bind="props" :ref="changePage" class="body _flat_"/>
+	<component :is="component" v-bind="props" :ref="changePage" class="body _fitSide_"/>
 </div>
 </template>
 

src/client/ui/deck/main-column.vue

@@ -7,7 +7,7 @@
 		</template>
 	</template>
 
-	<router-view v-slot="{ Component }" class="_flat_">
+	<router-view v-slot="{ Component }" class="_fitSide_">
 		<transition>
 			<keep-alive :include="['timeline']">
 				<component :is="Component" :ref="changePage" @contextmenu.stop="onContextmenu"/>

src/client/ui/default.vue

@@ -13,7 +13,7 @@
 		</template>
 
 		<main class="main" @contextmenu.stop="onContextmenu" :style="{ background: pageInfo?.bg }">
-			<div class="content" :class="{ _flat_: !fullView }">
+			<div class="content" :class="{ _fitSide_: !fullView }">
 				<router-view v-slot="{ Component }">
 					<transition :name="$store.state.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
 						<keep-alive :include="['timeline']">

src/client/widgets/notifications.vue

@@ -3,7 +3,7 @@
 	<template #header><i class="fas fa-bell"></i>{{ $ts.notifications }}</template>
 	<template #func><button @click="configure()" class="_button"><i class="fas fa-cog"></i></button></template>
 
-	<div class="_flat_">
+	<div class="_fitSide_">
 		<XNotifications :include-types="props.includingTypes"/>
 	</div>
 </MkContainer>