From a88e486468b53145d7745411db02fe507ddffb78 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 11 Apr 2021 21:09:35 +0900
Subject: Tweak UI

---
 src/client/ui/default.sidebar.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/client/ui')

diff --git a/src/client/ui/default.sidebar.vue b/src/client/ui/default.sidebar.vue
index 710a9b1f85..6323393f22 100644
--- a/src/client/ui/default.sidebar.vue
+++ b/src/client/ui/default.sidebar.vue
@@ -27,7 +27,7 @@
 		<Fa :icon="faEllipsisH" fixed-width/><span class="text">{{ $ts.more }}</span>
 		<i v-if="otherNavItemIndicated"><Fa :icon="faCircle"/></i>
 	</button>
-	<MkA class="item" active-class="active" to="/settings">
+	<MkA class="item" active-class="active" to="/settings" :behavior="settingsWindowed ? 'modalWindow' : null">
 		<Fa :icon="faCog" fixed-width/><span class="text">{{ $ts.settings }}</span>
 	</MkA>
 </div>
@@ -57,6 +57,7 @@ export default defineComponent({
 			connection: null,
 			menuDef: sidebarDef,
 			iconOnly: false,
+			settingsWindowed: false,
 			faGripVertical, faChevronLeft, faComments, faHashtag, faBroadcastTower, faFireAlt, faEllipsisH, faPencilAlt, faBars, faTimes, faBell, faSearch, faUserCog, faCog, faUser, faHome, faStar, faCircle, faAt, faEnvelope, faListUl, faPlus, faUserClock, faLaugh, faUsers, faTachometerAlt, faExchangeAlt, faGlobe, faChartBar, faCloud, faServer, faProjectDiagram
 		};
 	},
@@ -102,6 +103,7 @@ export default defineComponent({
 	methods: {
 		calcViewState() {
 			this.iconOnly = (window.innerWidth <= 1400) || (this.$store.state.sidebarDisplay === 'icon');
+			this.settingsWindowed = (window.innerWidth > 1400);
 		},
 
 		post() {
-- 
cgit v1.2.3-freya