mirror of
https://iceshrimp.dev/crimekillz/iceshrimp-161sh.git
synced 2024-11-23 04:33:50 +01:00
Refactor
This commit is contained in:
parent
dee826f1f2
commit
59850c4d1d
@ -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>
|
||||||
|
@ -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>
|
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -39,10 +39,3 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.jdnqwkzlnxcfftthoybjxrebyolvoucw
|
|
||||||
width 100%
|
|
||||||
min-height 300px
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
|
||||||
|
@ -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>
|
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user