Refactor

src/client/app/admin/views/abuse.vue

@@ -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
+.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>

src/client/app/admin/views/announcements.vue

@@ -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>

src/client/app/admin/views/dashboard.vue

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

src/client/app/admin/views/drive.vue

@@ -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
+.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>

src/client/app/admin/views/emoji.vue

@@ -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
+			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>

src/client/app/admin/views/hashtags.vue

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

src/client/app/admin/views/index.vue

@@ -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

src/client/app/admin/views/instance.vue

@@ -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>

src/client/app/admin/views/moderators.vue

@@ -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>

src/client/app/admin/views/users.vue

@@ -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
+.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>