fix

src/views/Settings/dialogs/LaunchOptionsDialog.vue

@@ -7,21 +7,21 @@
             <div style="font-size: 12px">
                 {{ t('dialog.launch_options.description') }} <br />
                 {{ t('dialog.launch_options.example') }}
-                <Badge variant="outline"
-                    >--fps=144 --enable-debug-gui --enable-sdk-log-levels --enable-udon-debug-logging
-                </Badge>
+                <div>--fps=144</div>
+                <div>--enable-debug-gui</div>
+                <div>--enable-sdk-log-levels</div>
+                <div>--enable-udon-debug-logging</div>
             </div>
 
             <InputGroupTextareaField
                 v-model="launchOptionsDialog.launchArguments"
                 :autosize="{ minRows: 2, maxRows: 5 }"
                 :rows="2"
-                placeholder=""
-                style="margin-top: 10px"
+                placeholder="e.g. --fps=144 --enable-sdk-log-levels"
                 input-class="resize-none" />
 
             <template v-if="!isLinux">
-                <div style="font-size: 12px; margin-top: 10px">
+                <div class="text-sm">
                     {{ t('dialog.launch_options.path_override') }}
                 </div>
 
@@ -29,12 +29,14 @@
                     v-model="launchOptionsDialog.vrcLaunchPathOverride"
                     placeholder="C:\Program Files (x86)\Steam\steamapps\common\VRChat"
                     :rows="1"
-                    style="display: block; margin-top: 10px"
+                    class="mb-4"
+                    spellcheck="false"
+                    data-gramm="false"
                     input-class="resize-none min-h-0" />
             </template>
 
             <DialogFooter>
-                <div class="flex items-center justify-between">
+                <div class="flex items-center justify-between w-full">
                     <div>
                         <Button
                             variant="outline"

src/views/Settings/dialogs/VRChatConfigDialog.vue

@@ -60,10 +60,11 @@
                             style="flex: 1; margin-top: 5px">
                             <template #actions>
                                 <Button
-                                    size="sm"
+                                    size="icon-sm"
                                     variant="outline"
                                     v-if="item.folderBrowser"
                                     @click="openConfigFolderBrowser(value)">
+                                    <FolderOpen />
                                 </Button>
                             </template>
                         </InputGroupAction>
@@ -151,10 +152,10 @@
                 </label>
             </div>
             <DialogFooter>
-                <div style="display: flex; align-items: center; justify-content: space-between">
+                <div style="display: flex; align-items: center; justify-content: space-between" class="w-full">
                     <div>
                         <Button
-                            variant="ghost"
+                            variant="outline"
                             @click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')"
                             >{{ t('dialog.config_json.vrchat_docs') }}</Button
                         >
@@ -177,10 +178,10 @@
     import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
     import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
     import { computed, ref, watch } from 'vue';
+    import { FolderOpen, RefreshCw } from 'lucide-vue-next';
     import { Button } from '@/components/ui/button';
     import { Checkbox } from '@/components/ui/checkbox';
     import { InputGroupAction } from '@/components/ui/input-group';
-    import { RefreshCw } from 'lucide-vue-next';
     import { Spinner } from '@/components/ui/spinner';
     import { storeToRefs } from 'pinia';
     import { toast } from 'vue-sonner';
@@ -329,7 +330,7 @@
     function showDeleteAllVRChatCacheConfirm() {
         modalStore
             .confirm({
-                description: 'Continue? Trash2 all VRChat cache',
+                description: 'Continue? all VRChat cache',
                 title: 'Confirm'
             })
             .then(({ ok }) => {