profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
syuilo 2021-09-26 22:40:06 +09:00
parent 533dfa13fb
commit c0ae5ea189
39 changed files with 82 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/client/components/debobigego/base.vue
View file

@ -21,20 +21,20 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.rbusrurv { .rbusrurv {
// 他のCSSからも参照されるので消さないように // 他のCSSからも参照されるので消さないように
--formXPadding: 32px; --debobigegoXPadding: 32px;
--formYPadding: 32px; --debobigegoYPadding: 32px;
--formContentHMargin: 16px; --debobigegoContentHMargin: 16px;
font-size: 95%; font-size: 95%;
line-height: 1.3em; line-height: 1.3em;
background: var(--bg); background: var(--bg);
padding: var(--formYPadding) var(--formXPadding); padding: var(--debobigegoYPadding) var(--debobigegoXPadding);
max-width: 750px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
&:not(.wide).max-width_400px { &:not(.wide).max-width_400px {
--formXPadding: 0px; --debobigegoXPadding: 0px;
> ::v-deep(*) { > ::v-deep(*) {
._debobigegoPanel { ._debobigegoPanel {

6
src/client/components/debobigego/debobigego.scss
View file

@ -29,8 +29,8 @@
position: sticky; position: sticky;
top: var(--stickyTop, 0px); top: var(--stickyTop, 0px);
z-index: 2; z-index: 2;
margin: -8px calc(var(--formXPadding) * -1) 0 calc(var(--formXPadding) * -1); margin: -8px calc(var(--debobigegoXPadding) * -1) 0 calc(var(--debobigegoXPadding) * -1);
padding: 8px calc(var(--formContentHMargin) + var(--formXPadding)) 8px calc(var(--formContentHMargin) + var(--formXPadding)); padding: 8px calc(var(--debobigegoContentHMargin) + var(--debobigegoXPadding)) 8px calc(var(--debobigegoContentHMargin) + var(--debobigegoXPadding));
background: var(--X17); background: var(--X17);
-webkit-backdrop-filter: var(--blur, blur(10px)); -webkit-backdrop-filter: var(--blur, blur(10px));
backdrop-filter: var(--blur, blur(10px)); backdrop-filter: var(--blur, blur(10px));
@ -42,7 +42,7 @@
} }
._debobigegoCaption { ._debobigegoCaption {
padding: 8px var(--formContentHMargin) 0 var(--formContentHMargin); padding: 8px var(--debobigegoContentHMargin) 0 var(--debobigegoContentHMargin);
} }
._debobigegoItem { ._debobigegoItem {

2
src/client/components/debobigego/key-value-view.vue
View file

@ -20,7 +20,7 @@ export default defineComponent({
.anocepby { .anocepby {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 14px var(--formContentHMargin); padding: 14px var(--debobigegoContentHMargin);
> .key { > .key {
margin-right: 12px; margin-right: 12px;

2
src/client/components/debobigego/object-view.vue
View file

@ -75,7 +75,7 @@ export default defineComponent({
max-width: 100%; max-width: 100%;
min-height: 130px; min-height: 130px;
margin: 0; margin: 0;
padding: 16px var(--formContentHMargin); padding: 16px var(--debobigegoContentHMargin);
box-sizing: border-box; box-sizing: border-box;
font: inherit; font: inherit;
font-weight: normal; font-weight: normal;

4
src/client/pages/instance/bot-protection.vue
View file

@ -24,7 +24,7 @@
</div> </div>
<div class="_debobigegoItem _debobigegoNoConcat" v-sticky-container> <div class="_debobigegoItem _debobigegoNoConcat" v-sticky-container>
<div class="_debobigegoLabel">{{ $ts.preview }}</div> <div class="_debobigegoLabel">{{ $ts.preview }}</div>
<div class="_debobigegoPanel" style="padding: var(--formContentHMargin);"> <div class="_debobigegoPanel" style="padding: var(--debobigegoContentHMargin);">
<MkCaptcha provider="hcaptcha" :sitekey="hcaptchaSiteKey || '10000000-ffff-ffff-ffff-000000000001'"/> <MkCaptcha provider="hcaptcha" :sitekey="hcaptchaSiteKey || '10000000-ffff-ffff-ffff-000000000001'"/>
</div> </div>
</div> </div>
@ -45,7 +45,7 @@
</div> </div>
<div v-if="recaptchaSiteKey" class="_debobigegoItem _debobigegoNoConcat" v-sticky-container> <div v-if="recaptchaSiteKey" class="_debobigegoItem _debobigegoNoConcat" v-sticky-container>
<div class="_debobigegoLabel">{{ $ts.preview }}</div> <div class="_debobigegoLabel">{{ $ts.preview }}</div>
<div class="_debobigegoPanel" style="padding: var(--formContentHMargin);"> <div class="_debobigegoPanel" style="padding: var(--debobigegoContentHMargin);">
<MkCaptcha provider="recaptcha" :sitekey="recaptchaSiteKey"/> <MkCaptcha provider="recaptcha" :sitekey="recaptchaSiteKey"/>
</div> </div>
</div> </div>

1
src/client/pages/settings/accounts.vue
View file

@ -47,6 +47,7 @@ export default defineComponent({
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.accounts, title: this.$ts.accounts,
icon: 'fas fa-users', icon: 'fas fa-users',
bg: 'var(--bg)',
}, },
storedAccounts: getAccounts().then(accounts => accounts.filter(x => x.id !== this.$i.id)), storedAccounts: getAccounts().then(accounts => accounts.filter(x => x.id !== this.$i.id)),
accounts: null, accounts: null,

3
src/client/pages/settings/api.vue
View file

@ -30,7 +30,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: 'API', title: 'API',
icon: 'fas fa-key' icon: 'fas fa-key',
bg: 'var(--bg)',
}, },
isDesktop: window.innerWidth >= 1100, isDesktop: window.innerWidth >= 1100,
}; };

1
src/client/pages/settings/apps.vue
View file

@ -61,6 +61,7 @@ export default defineComponent({
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.installedApps, title: this.$ts.installedApps,
icon: 'fas fa-plug', icon: 'fas fa-plug',
bg: 'var(--bg)',
}, },
pagination: { pagination: {
endpoint: 'i/apps', endpoint: 'i/apps',

3
src/client/pages/settings/custom-css.vue
View file

@ -42,7 +42,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.customCss, title: this.$ts.customCss,
icon: 'fas fa-code' icon: 'fas fa-code',
bg: 'var(--bg)',
}, },
localCustomCss: localStorage.getItem('customCss') localCustomCss: localStorage.getItem('customCss')
} }

3
src/client/pages/settings/deck.vue
View file

@ -58,7 +58,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.deck, title: this.$ts.deck,
icon: 'fas fa-columns' icon: 'fas fa-columns',
bg: 'var(--bg)',
}, },
} }
}, },

3
src/client/pages/settings/delete-account.vue
View file

@ -32,7 +32,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts._accountDelete.accountDelete, title: this.$ts._accountDelete.accountDelete,
icon: 'fas fa-exclamation-triangle' icon: 'fas fa-exclamation-triangle',
bg: 'var(--bg)',
}, },
debug, debug,
} }

3
src/client/pages/settings/drive.vue
View file

@ -58,7 +58,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.drive, title: this.$ts.drive,
icon: 'fas fa-cloud' icon: 'fas fa-cloud',
bg: 'var(--bg)',
}, },
fetching: true, fetching: true,
usage: null, usage: null,

3
src/client/pages/settings/email-address.vue
View file

@ -34,7 +34,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.emailAddress, title: this.$ts.emailAddress,
icon: 'fas fa-envelope' icon: 'fas fa-envelope',
bg: 'var(--bg)',
}, },
emailAddress: null, emailAddress: null,
code: null, code: null,

3
src/client/pages/settings/email-notification.vue
View file

@ -47,7 +47,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.emailNotification, title: this.$ts.emailNotification,
icon: 'fas fa-envelope' icon: 'fas fa-envelope',
bg: 'var(--bg)',
}, },
mention: this.$i.emailNotificationTypes.includes('mention'), mention: this.$i.emailNotificationTypes.includes('mention'),

5
src/client/pages/settings/email.vue
View file

@ -26,7 +26,7 @@ import FormButton from '@client/components/debobigego/button.vue';
import FormLink from '@client/components/debobigego/link.vue'; import FormLink from '@client/components/debobigego/link.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormGroup from '@client/components/debobigego/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
import FormSwitch from '@client/components/form/switch.vue'; import FormSwitch from '@client/components/debobigego/switch.vue';
import * as os from '@client/os'; import * as os from '@client/os';
import * as symbols from '@client/symbols'; import * as symbols from '@client/symbols';
@ -45,7 +45,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.email, title: this.$ts.email,
icon: 'fas fa-envelope' icon: 'fas fa-envelope',
bg: 'var(--bg)',
}, },
} }
}, },

3
src/client/pages/settings/general.vue
View file

@ -124,7 +124,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.general, title: this.$ts.general,
icon: 'fas fa-cogs' icon: 'fas fa-cogs',
bg: 'var(--bg)'
}, },
langs, langs,
lang: localStorage.getItem('lang'), lang: localStorage.getItem('lang'),

3
src/client/pages/settings/import-export.vue
View file

@ -48,7 +48,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.importAndExport, title: this.$ts.importAndExport,
icon: 'fas fa-boxes' icon: 'fas fa-boxes',
bg: 'var(--bg)',
}, },
} }
}, },

3
src/client/pages/settings/integration.vue
View file

@ -49,7 +49,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.integration, title: this.$ts.integration,
icon: 'fas fa-share-alt' icon: 'fas fa-share-alt',
bg: 'var(--bg)',
}, },
apiUrl, apiUrl,
twitterForm: null, twitterForm: null,

9
src/client/pages/settings/menu.vue
View file

@ -19,11 +19,9 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormSwitch from '@client/components/form/switch.vue'; import FormTextarea from '@client/components/debobigego/textarea.vue';
import FormTextarea from '@client/components/form/textarea.vue'; import FormRadios from '@client/components/debobigego/radios.vue';
import FormRadios from '@client/components/form/radios.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormGroup from '@client/components/debobigego/group.vue';
import FormButton from '@client/components/debobigego/button.vue'; import FormButton from '@client/components/debobigego/button.vue';
import * as os from '@client/os'; import * as os from '@client/os';
import { menuDef } from '@client/menu'; import { menuDef } from '@client/menu';
@ -45,7 +43,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.menu, title: this.$ts.menu,
icon: 'fas fa-list-ul' icon: 'fas fa-list-ul',
bg: 'var(--bg)',
}, },
menuDef: menuDef, menuDef: menuDef,
items: defaultStore.state.menu.join('\n'), items: defaultStore.state.menu.join('\n'),

3
src/client/pages/settings/mute-block.vue
View file

@ -59,7 +59,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.muteAndBlock, title: this.$ts.muteAndBlock,
icon: 'fas fa-ban' icon: 'fas fa-ban',
bg: 'var(--bg)',
}, },
tab: 'mute', tab: 'mute',
mutingPagination: { mutingPagination: {

3
src/client/pages/settings/notifications.vue
View file

@ -33,7 +33,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.notifications, title: this.$ts.notifications,
icon: 'fas fa-bell' icon: 'fas fa-bell',
bg: 'var(--bg)',
}, },
} }
}, },

3
src/client/pages/settings/other.vue
View file

@ -60,7 +60,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.other, title: this.$ts.other,
icon: 'fas fa-ellipsis-h' icon: 'fas fa-ellipsis-h',
bg: 'var(--bg)',
}, },
debug, debug,
} }

3
src/client/pages/settings/plugin.install.vue
View file

@ -48,7 +48,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts._plugin.install, title: this.$ts._plugin.install,
icon: 'fas fa-download' icon: 'fas fa-download',
bg: 'var(--bg)',
}, },
code: null, code: null,
} }

3
src/client/pages/settings/plugin.manage.vue
View file

@ -58,7 +58,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts._plugin.manage, title: this.$ts._plugin.manage,
icon: 'fas fa-plug' icon: 'fas fa-plug',
bg: 'var(--bg)',
}, },
plugins: ColdDeviceStorage.get('plugins'), plugins: ColdDeviceStorage.get('plugins'),
} }

3
src/client/pages/settings/plugin.vue
View file

@ -26,7 +26,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.plugins, title: this.$ts.plugins,
icon: 'fas fa-plug' icon: 'fas fa-plug',
bg: 'var(--bg)',
}, },
plugins: ColdDeviceStorage.get('plugins').length, plugins: ColdDeviceStorage.get('plugins').length,
} }

3
src/client/pages/settings/privacy.vue
View file

@ -56,7 +56,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.privacy, title: this.$ts.privacy,
icon: 'fas fa-lock-open' icon: 'fas fa-lock-open',
bg: 'var(--bg)',
}, },
isLocked: false, isLocked: false,
autoAcceptFollowed: false, autoAcceptFollowed: false,

3
src/client/pages/settings/profile.vue
View file

@ -76,7 +76,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.profile, title: this.$ts.profile,
icon: 'fas fa-user' icon: 'fas fa-user',
bg: 'var(--bg)'
}, },
host, host,
langs, langs,

3
src/client/pages/settings/reaction.vue
View file

@ -64,7 +64,8 @@ export default defineComponent({
action: { action: {
icon: 'fas fa-eye', icon: 'fas fa-eye',
handler: this.preview handler: this.preview
} },
bg: 'var(--bg)',
}, },
reactions: JSON.parse(JSON.stringify(this.$store.state.reactions)), reactions: JSON.parse(JSON.stringify(this.$store.state.reactions)),
} }

3
src/client/pages/settings/registry.keys.vue
View file

@ -56,7 +56,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.registry, title: this.$ts.registry,
icon: 'fas fa-cogs' icon: 'fas fa-cogs',
bg: 'var(--bg)',
}, },
keys: null, keys: null,
} }

3
src/client/pages/settings/registry.value.vue
View file

@ -76,7 +76,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.registry, title: this.$ts.registry,
icon: 'fas fa-cogs' icon: 'fas fa-cogs',
bg: 'var(--bg)',
}, },
value: null, value: null,
valueForEditor: null, valueForEditor: null,

3
src/client/pages/settings/registry.vue
View file

@ -38,7 +38,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.registry, title: this.$ts.registry,
icon: 'fas fa-cogs' icon: 'fas fa-cogs',
bg: 'var(--bg)',
}, },
scopes: null, scopes: null,
} }

3
src/client/pages/settings/security.vue
View file

@ -48,7 +48,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.security, title: this.$ts.security,
icon: 'fas fa-lock' icon: 'fas fa-lock',
bg: 'var(--bg)',
}, },
pagination: { pagination: {
endpoint: 'i/signin-history', endpoint: 'i/signin-history',

7
src/client/pages/settings/sounds.vue
View file

@ -19,8 +19,8 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormRange from '@client/components/form/range.vue'; import FormRange from '@client/components/debobigego/range.vue';
import FormSelect from '@client/components/form/select.vue'; import FormSelect from '@client/components/debobigego/select.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormButton from '@client/components/debobigego/button.vue'; import FormButton from '@client/components/debobigego/button.vue';
import FormGroup from '@client/components/debobigego/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
@ -71,7 +71,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.sounds, title: this.$ts.sounds,
icon: 'fas fa-music' icon: 'fas fa-music',
bg: 'var(--bg)',
}, },
sounds: {}, sounds: {},
} }

3
src/client/pages/settings/theme.install.vue
View file

@ -44,7 +44,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts._theme.install, title: this.$ts._theme.install,
icon: 'fas fa-download' icon: 'fas fa-download',
bg: 'var(--bg)',
}, },
installThemeCode: null, installThemeCode: null,
} }

3
src/client/pages/settings/theme.manage.vue
View file

@ -59,7 +59,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts._theme.manage, title: this.$ts._theme.manage,
icon: 'fas fa-folder-open' icon: 'fas fa-folder-open',
bg: 'var(--bg)',
}, },
installedThemes: getThemes(), installedThemes: getThemes(),
builtinThemes, builtinThemes,

3
src/client/pages/settings/theme.vue
View file

@ -116,7 +116,8 @@ export default defineComponent({
setup(props, { emit }) { setup(props, { emit }) {
const INFO = { const INFO = {
title: i18n.locale.theme, title: i18n.locale.theme,
icon: 'fas fa-palette' icon: 'fas fa-palette',
bg: 'var(--bg)',
}; };
const installedThemes = ref(getThemes()); const installedThemes = ref(getThemes());

3
src/client/pages/settings/update.vue
View file

@ -60,7 +60,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: 'Misskey Update', title: 'Misskey Update',
icon: 'fas fa-sync-alt' icon: 'fas fa-sync-alt',
bg: 'var(--bg)',
}, },
version, version,
instanceName, instanceName,

3
src/client/pages/settings/word-mute.vue
View file

@ -58,7 +58,8 @@ export default defineComponent({
return { return {
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.wordMute, title: this.$ts.wordMute,
icon: 'fas fa-comment-slash' icon: 'fas fa-comment-slash',
bg: 'var(--bg)',
}, },
tab: 'soft', tab: 'soft',
softMutedWords: '', softMutedWords: '',

2
src/client/ui/_common_/sidebar.vue
View file

@ -395,7 +395,7 @@ export default defineComponent({
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
border-radius: 8px; border-radius: 999px;
background: var(--accentedBg); background: var(--accentedBg);
} }
} }