From 2d8e6afaa9ada4a0d53112fda92918ac91673417 Mon Sep 17 00:00:00 2001
From: tetsuya-ki <64536338+tetsuya-ki@users.noreply.github.com>
Date: Sun, 20 Oct 2024 06:13:19 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=88=E3=83=AD=E3=83=BC?=
 =?UTF-8?q?=E3=83=AB=E3=83=91=E3=83=8D=E3=83=AB=E3=81=AE=E3=83=95=E3=82=A1?=
 =?UTF-8?q?=E3=82=A4=E3=83=AB=E4=B8=80=E8=A6=A7=E3=81=AB=E3=81=82=E3=82=8B?=
 =?UTF-8?q?=E6=A4=9C=E7=B4=A2=E9=A0=85=E7=9B=AE=E3=81=AE=E5=85=88=E9=A0=AD?=
 =?UTF-8?q?=E4=BA=8C=E3=81=A4=E4=BB=A5=E5=A4=96=E3=82=92=E3=83=95=E3=82=A9?=
 =?UTF-8?q?=E3=83=AB=E3=83=80=E3=81=AB=E6=A0=BC=E7=B4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/admin/files.vue | 36 ++++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/frontend/src/pages/admin/files.vue b/packages/frontend/src/pages/admin/files.vue
index c13f70a8fe..2d36f9ef05 100644
--- a/packages/frontend/src/pages/admin/files.vue
+++ b/packages/frontend/src/pages/admin/files.vue
@@ -20,22 +20,25 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<template #label>{{ i18n.ts.host }}</template>
 					</MkInput>
 				</div>
-				<div class="inputs" style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
-					<MkInput v-model="userId" :debounce="true" type="search" style="margin: 0; flex: 1;">
-						<template #label>User ID</template>
-					</MkInput>
-					<MkInput v-model="type" :debounce="true" type="search" style="margin: 0; flex: 1;">
-						<template #label>MIME type</template>
-					</MkInput>
-				</div>
-				<div class="inputs" style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
-					<MkInput v-model="name" :debounce="true" type="search" style="margin: 0; flex: 1;">
-						<template #label>File Name</template>
-					</MkInput>
-					<MkInput v-model="comment" :debounce="true" type="search" style="margin: 0; flex: 1;">
-						<template #label>Comment</template>
-					</MkInput>
-				</div>
+				<MkFolder :defaultOpen="false">
+					<template #label>{{ i18n.ts.options }}</template>
+					<div class="inputs" style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
+						<MkInput v-model="userId" :debounce="true" type="search" style="margin: 0; flex: 1;">
+							<template #label>User ID</template>
+						</MkInput>
+						<MkInput v-model="type" :debounce="true" type="search" style="margin: 0; flex: 1;">
+							<template #label>MIME type</template>
+						</MkInput>
+					</div>
+					<div class="inputs" style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
+						<MkInput v-model="name" :debounce="true" type="search" style="margin: 0; flex: 1;">
+							<template #label>File Name</template>
+						</MkInput>
+						<MkInput v-model="comment" :debounce="true" type="search" style="margin: 0; flex: 1;">
+							<template #label>Comment</template>
+						</MkInput>
+					</div>
+				</MkFolder>
 				<MkFileListForAdmin :pagination="pagination" :viewMode="viewMode"/>
 			</div>
 		</MkSpacer>
@@ -49,6 +52,7 @@ import XHeader from './_header_.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkSelect from '@/components/MkSelect.vue';
 import MkFileListForAdmin from '@/components/MkFileListForAdmin.vue';
+import MkFolder from '@/components/MkFolder.vue';
 import * as os from '@/os.js';
 import { lookupFile } from '@/scripts/admin-lookup.js';
 import { i18n } from '@/i18n.js';