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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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