MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-25 17:53:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

add midnight theme and fix some styles

Browse Source
This commit is contained in:
pa
2026-01-18 15:45:36 +09:00
committed by Natsumi
parent 46750d3a0c
commit c326e4fd3e
37 changed files with 655 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Feed/columns.jsx
View File

@@ -280,7 +280,7 @@ export const columns = [
const original = row.original;
return (
<span
class="x-link pr-2.5"
class="x-link pr-2.5 cursor-pointer"
onClick={() => showUserDialog(original.userId)}
>
{original.displayName}

1
src/views/FriendList/columns.jsx
View File

@@ -115,7 +115,6 @@ export const createColumns = ({
header: () => null,
size: 55,
enableSorting: false,
enableResizing: false,
meta: {
thClass: 'p-0',
tdClass: 'p-0'

1
src/views/FriendLog/columns.jsx
View File

@@ -118,7 +118,6 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
meta: {
class: 'w-[80px] max-w-[80px] text-right'
},
enableResizing: false,
size: 80,
maxSize: 80,
header: () => t('table.friendLog.action'),

1
src/views/GameLog/columns.jsx
View File

@@ -241,7 +241,6 @@ export const createColumns = ({ getCreatedAt, onDelete, onDeletePrompt }) => {
meta: {
class: 'text-right'
},
enableResizing: false,
size: 90,
minSize: 90,
maxSize: 90,

1
src/views/Moderation/columns.jsx
View File

@@ -124,7 +124,6 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
minSize: 80,
maxSize: 80,
enableSorting: false,
enableResizing: false,
header: () => t('table.moderation.action'),
cell: ({ row }) => {
const original = row.original;

2
src/views/Notifications/columns.jsx
View File

@@ -389,7 +389,6 @@ export const createColumns = ({
},
{
accessorKey: 'photo',
enableResizing: false,
size: 80,
header: () => t('table.notification.photo'),
cell: ({ row }) => {
@@ -502,7 +501,6 @@ export const createColumns = ({
size: 120,
minSize: 120,
maxSize: 120,
enableResizing: false,
header: () => t('table.notification.action'),
enableSorting: false,
cell: ({ row }) => {

13
src/views/Settings/components/Tabs/AppearanceTab.vue
View File

@@ -21,12 +21,12 @@
<span class="name">{{ t('view.settings.appearance.appearance.theme_mode') }}</span>
<Select :model-value="themeMode" @update:modelValue="setThemeMode">
<SelectTrigger size="sm">
<SelectValue :placeholder="t(`view.settings.appearance.appearance.theme_mode_${themeMode}`)" />
<SelectValue :placeholder="themeDisplayName(themeMode)" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem v-for="(config, themeKey) in THEME_CONFIG" :key="themeKey" :value="themeKey">
{{ t(`view.settings.appearance.appearance.theme_mode_${themeKey}`) }}
{{ themeDisplayName(themeKey) }}
</SelectItem>
</SelectGroup>
</SelectContent>
@@ -473,6 +473,15 @@
const { t } = useI18n();
const themeDisplayName = (themeKey) => {
const i18nKey = `view.settings.appearance.appearance.theme_mode_${themeKey}`;
const translated = t(i18nKey);
if (translated !== i18nKey) {
return translated;
}
return THEME_CONFIG[themeKey]?.name ?? themeKey;
};
const appearanceSettingsStore = useAppearanceSettingsStore();
const { saveOpenVROption, updateVRConfigVars } = useVrStore();