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>
.rbusrurv {
// 他のCSSからも参照されるので消さないように
--formXPadding: 32px;
--formYPadding: 32px;
--debobigegoXPadding: 32px;
--debobigegoYPadding: 32px;
--formContentHMargin: 16px;
--debobigegoContentHMargin: 16px;
font-size: 95%;
line-height: 1.3em;
background: var(--bg);
padding: var(--formYPadding) var(--formXPadding);
padding: var(--debobigegoYPadding) var(--debobigegoXPadding);
max-width: 750px;
margin: 0 auto;
&:not(.wide).max-width_400px {
--formXPadding: 0px;
--debobigegoXPadding: 0px;
> ::v-deep(*) {
._debobigegoPanel {

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

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

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

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

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

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

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

@ -24,7 +24,7 @@
</div>
<div class="_debobigegoItem _debobigegoNoConcat" v-sticky-container>
<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'"/>
</div>
</div>
@ -45,7 +45,7 @@
</div>
<div v-if="recaptchaSiteKey" class="_debobigegoItem _debobigegoNoConcat" v-sticky-container>
<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"/>
</div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -47,7 +47,8 @@ export default defineComponent({
return {
[symbols.PAGE_INFO]: {
title: this.$ts.emailNotification,
icon: 'fas fa-envelope'
icon: 'fas fa-envelope',
bg: 'var(--bg)',
},
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 FormBase from '@client/components/debobigego/base.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 symbols from '@client/symbols';
@ -45,7 +45,8 @@ export default defineComponent({
return {
[symbols.PAGE_INFO]: {
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 {
[symbols.PAGE_INFO]: {
title: this.$ts.general,
icon: 'fas fa-cogs'
icon: 'fas fa-cogs',
bg: 'var(--bg)'
},
langs,
lang: localStorage.getItem('lang'),

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -64,7 +64,8 @@ export default defineComponent({
action: {
icon: 'fas fa-eye',
handler: this.preview
}
},
bg: 'var(--bg)',
},
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 {
[symbols.PAGE_INFO]: {
title: this.$ts.registry,
icon: 'fas fa-cogs'
icon: 'fas fa-cogs',
bg: 'var(--bg)',
},
keys: null,
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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