From 818502c5493e6724451c8c603d3ac485e80ffda9 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Fri, 2 Sep 2022 21:53:27 +0900
Subject: [PATCH] feature(friendly): change the width of post-form

---
 packages/client/src/components/post-form.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/post-form.vue b/packages/client/src/components/post-form.vue
index 6dfb2edcb8..217df8ad7b 100644
--- a/packages/client/src/components/post-form.vue
+++ b/packages/client/src/components/post-form.vue
@@ -1,7 +1,7 @@
 <template>
 <div
 	v-size="{ max: [310, 500] }" class="gafaadew"
-	:class="{ modal, _popup: modal }"
+	:class="{ modal, _popup: modal, friendly: isFriendly }"
 	@dragover.stop="onDragover"
 	@dragenter="onDragenter"
 	@dragleave="onDragleave"
@@ -90,6 +90,8 @@ import { instance } from '@/instance';
 import { $i, getAccounts, openAccountMenu as openAccountMenu_ } from '@/account';
 import { uploadFile } from '@/scripts/upload';
 
+const isFriendly = $ref(localStorage.getItem('ui') === 'friendly');
+
 const modal = inject('modal');
 
 const props = withDefaults(defineProps<{
@@ -718,6 +720,10 @@ onMounted(() => {
 		max-width: 520px;
 	}
 
+	&.friendly {
+		max-width: 800px;
+	}
+
 	> header {
 		z-index: 1000;
 		height: 66px;