This commit is contained in:
syuilo 2019-01-19 23:00:15 +09:00
parent dee826f1f2
commit 59850c4d1d
10 changed files with 82 additions and 123 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="wbjusose">
<div>
<ui-card>
<div slot="title"><fa :icon="faExclamationCircle"/> {{ $t('title') }}</div>
<section class="fit-top">
@ -76,12 +76,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.wbjusose
@media (min-width 500px)
padding 16px
.haexwsjc
padding-bottom 16px
border-bottom solid 1px var(--faceDivider)
.haexwsjc
padding-bottom 16px
border-bottom solid 1px var(--faceDivider)
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="cdeuzmsthagexbkpofbmatmugjuvogfb">
<div>
<ui-card>
<div slot="title"><fa icon="broadcast-tower"/> {{ $t('announcements') }}</div>
<section v-for="(announcement, i) in announcements" class="fit-top">
@ -83,10 +83,3 @@ export default Vue.extend({
}
});
</script>
<style lang="stylus" scoped>
.cdeuzmsthagexbkpofbmatmugjuvogfb
@media (min-width 500px)
padding 16px
</style>

View File

@ -161,7 +161,7 @@ export default Vue.extend({
padding 16px
@media (min-width 500px)
padding 32px
padding 16px
> header
display flex

View File

@ -1,5 +1,5 @@
<template>
<div class="pwnqwyet">
<div>
<ui-card>
<div slot="title"><fa :icon="faTerminal"/> {{ $t('operation') }}</div>
<section class="fit-top">
@ -234,38 +234,34 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.pwnqwyet
@media (min-width 500px)
padding 16px
.kidvdlkg
padding 16px 0
border-top solid 1px var(--faceDivider)
.kidvdlkg
padding 16px 0
border-top solid 1px var(--faceDivider)
> div:first-child
display flex
cursor pointer
> div:first-child
display flex
cursor pointer
> div:nth-child(1)
> .thumbnail
display block
width 64px
height 64px
background-size cover
background-position center center
> div:nth-child(1)
> .thumbnail
display block
width 64px
height 64px
background-size cover
background-position center center
> div:nth-child(2)
flex 1
padding-left 16px
> div:nth-child(2)
flex 1
padding-left 16px
@media (max-width 500px)
font-size 14px
@media (max-width 500px)
font-size 14px
> header
word-break break-word
> header
word-break break-word
> .username
margin-left 8px
opacity 0.7
> .username
margin-left 8px
opacity 0.7
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="tumhkfkmgtvzljezfvmgkeurkfncshbe">
<div>
<ui-card>
<div slot="title"><fa icon="plus"/> {{ $t('add-emoji.title') }}</div>
<section class="fit-top">
@ -150,25 +150,21 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.tumhkfkmgtvzljezfvmgkeurkfncshbe
.oryfrbft
@media (min-width 500px)
padding 16px
display flex
> div:first-child
@media (max-width 500px)
padding-bottom 16px
> img
vertical-align bottom
> div:last-child
flex 1
.oryfrbft
@media (min-width 500px)
display flex
> div:first-child
@media (max-width 500px)
padding-bottom 16px
> img
vertical-align bottom
> div:last-child
flex 1
@media (min-width 500px)
padding-left 16px
padding-left 16px
</style>

View File

@ -39,10 +39,3 @@ export default Vue.extend({
}
});
</script>
<style lang="stylus" scoped>
.jdnqwkzlnxcfftthoybjxrebyolvoucw
width 100%
min-height 300px
</style>

View File

@ -274,6 +274,9 @@ export default Vue.extend({
> .page
max-width 1150px
@media (min-width 500px)
padding 16px
&.isMobile
> main
padding $headerHeight 0 0 0

View File

@ -1,5 +1,5 @@
<template>
<div class="axbwjelsbymowqjyywpirzhdlszoncqs">
<div>
<ui-card>
<div slot="title"><fa icon="cog"/> {{ $t('instance') }}</div>
<section class="fit-top fit-bottom">
@ -313,10 +313,3 @@ export default Vue.extend({
}
});
</script>
<style lang="stylus" scoped>
.axbwjelsbymowqjyywpirzhdlszoncqs
@media (min-width 500px)
padding 16px
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="jnhmugbb">
<div>
<ui-card>
<div slot="title"><fa icon="plus"/> {{ $t('add-moderator.title') }}</div>
<section class="fit-top">
@ -75,10 +75,3 @@ export default Vue.extend({
}
});
</script>
<style lang="stylus" scoped>
.jnhmugbb
@media (min-width 500px)
padding 16px
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="ucnffhbtogqgscfmqcymwmmupoknpfsw">
<div>
<ui-card>
<div slot="title"><fa :icon="faTerminal"/> {{ $t('operation') }}</div>
<section class="fit-top">
@ -277,46 +277,42 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.ucnffhbtogqgscfmqcymwmmupoknpfsw
@media (min-width 500px)
padding 16px
.kofvwchc
display flex
padding 16px 0
border-top solid 1px var(--faceDivider)
.kofvwchc
display flex
padding 16px 0
border-top solid 1px var(--faceDivider)
> div:first-child
> a
> .avatar
width 64px
height 64px
> div:first-child
> a
> .avatar
width 64px
height 64px
> div:last-child
flex 1
padding-left 16px
> div:last-child
flex 1
padding-left 16px
@media (max-width 500px)
font-size 14px
@media (max-width 500px)
font-size 14px
> header
> .username
margin-left 8px
opacity 0.7
> header
> .username
margin-left 8px
opacity 0.7
> .is-admin
> .is-moderator
flex-shrink 0
align-self center
margin 0 0 0 .5em
padding 1px 6px
font-size 80%
border-radius 3px
background var(--noteHeaderAdminBg)
color var(--noteHeaderAdminFg)
> .is-admin
> .is-moderator
flex-shrink 0
align-self center
margin 0 0 0 .5em
padding 1px 6px
font-size 80%
border-radius 3px
background var(--noteHeaderAdminBg)
color var(--noteHeaderAdminFg)
> .is-verified
> .is-suspended
margin 0 0 0 .5em
color #4dabf7
> .is-verified
> .is-suspended
margin 0 0 0 .5em
color #4dabf7
</style>