wip
This commit is contained in:
		| @@ -47,8 +47,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
| root(isDark) | ||||
| .slpqaxdoxhvglersgjukmvizkqbmbokc | ||||
| 	padding 16px | ||||
|  | ||||
| 	> button | ||||
| @@ -57,16 +56,10 @@ root(isDark) | ||||
| 	> div | ||||
| 		display flex | ||||
| 		padding 16px | ||||
| 		border solid 1px isDark ? #1c2023 : #eee | ||||
| 		border solid 1px var(--faceDivider) | ||||
| 		border-radius 4px | ||||
|  | ||||
| 		> span | ||||
| 			margin 0 0 0 auto | ||||
|  | ||||
| .slpqaxdoxhvglersgjukmvizkqbmbokc[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .slpqaxdoxhvglersgjukmvizkqbmbokc:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -57,16 +57,13 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
|  | ||||
| root(isDark) | ||||
|  | ||||
| .mk-renote-form | ||||
| 	> .preview | ||||
| 		margin 16px 22px | ||||
|  | ||||
| 	> footer | ||||
| 		height 72px | ||||
| 		background isDark ? #313543 : var(--primaryLighten95) | ||||
| 		background var(--desktopRenoteFormFooter) | ||||
|  | ||||
| 		> .quote | ||||
| 			position absolute | ||||
| @@ -87,10 +84,4 @@ root(isDark) | ||||
| 			&.ok | ||||
| 				right 16px | ||||
|  | ||||
| .mk-renote-form[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-renote-form:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -36,7 +36,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
| root(isDark) | ||||
| .mk-ui-notification | ||||
| 	display block | ||||
| 	position fixed | ||||
| 	z-index 10000 | ||||
| @@ -46,10 +46,10 @@ root(isDark) | ||||
| 	margin 0 auto | ||||
| 	padding 128px 0 0 0 | ||||
| 	width 500px | ||||
| 	color rgba(isDark ? #fff : #000, 0.6) | ||||
| 	//background rgba(var(--face), 0.9) | ||||
| 	color var(--desktopNotificationFg) | ||||
| 	background var(--desktopNotificationBg) | ||||
| 	border-radius 0 0 8px 8px | ||||
| 	box-shadow 0 2px 4px rgba(#000, isDark ? 0.4 : 0.2) | ||||
| 	box-shadow 0 2px 4px var(--desktopNotificationShadow) | ||||
| 	transform translateY(-64px) | ||||
| 	opacity 0 | ||||
|  | ||||
| @@ -58,10 +58,4 @@ root(isDark) | ||||
| 		line-height 64px | ||||
| 		text-align center | ||||
|  | ||||
| .mk-ui-notification[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-ui-notification:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -47,8 +47,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
| root(isDark) | ||||
| .xkxvokkjlptzyewouewmceqcxhpgzprp | ||||
| 	padding 16px | ||||
|  | ||||
| 	> button | ||||
| @@ -57,13 +56,7 @@ root(isDark) | ||||
| 	> a | ||||
| 		display block | ||||
| 		padding 16px | ||||
| 		border solid 1px isDark ? #1c2023 : #eee | ||||
| 		border solid 1px var(--faceDivider) | ||||
| 		border-radius 4px | ||||
|  | ||||
| .xkxvokkjlptzyewouewmceqcxhpgzprp[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .xkxvokkjlptzyewouewmceqcxhpgzprp:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -83,9 +83,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
|  | ||||
| root(isDark) | ||||
| .mk-user-preview | ||||
| 	position absolute | ||||
| 	z-index 2048 | ||||
| 	margin-top -8px | ||||
| @@ -99,7 +97,7 @@ root(isDark) | ||||
|  | ||||
| 	> .banner | ||||
| 		height 84px | ||||
| 		background-color isDark ? #1c1e26 : #f5f5f5 | ||||
| 		background-color rgba(0, 0, 0, 0.1) | ||||
| 		background-size cover | ||||
| 		background-position center | ||||
|  | ||||
| @@ -123,19 +121,20 @@ root(isDark) | ||||
| 			margin 0 | ||||
| 			font-weight bold | ||||
| 			line-height 16px | ||||
| 			color isDark ? #fff : #656565 | ||||
| 			color var(--text) | ||||
|  | ||||
| 		> .username | ||||
| 			display block | ||||
| 			margin 0 | ||||
| 			line-height 16px | ||||
| 			font-size 0.8em | ||||
| 			color isDark ? #606984 : #999 | ||||
| 			color var(--text) | ||||
| 			opacity 0.7 | ||||
|  | ||||
| 	> .description | ||||
| 		padding 0 16px | ||||
| 		font-size 0.7em | ||||
| 		color isDark ? #9ea4ad : #555 | ||||
| 		color var(--text) | ||||
|  | ||||
| 	> .status | ||||
| 		padding 8px 16px | ||||
| @@ -147,7 +146,7 @@ root(isDark) | ||||
| 			> p | ||||
| 				margin 0 | ||||
| 				font-size 0.7em | ||||
| 				color #aaa | ||||
| 				color var(--text) | ||||
|  | ||||
| 			> span | ||||
| 				font-size 1em | ||||
| @@ -158,10 +157,4 @@ root(isDark) | ||||
| 		top 92px | ||||
| 		right 8px | ||||
|  | ||||
| .mk-user-preview[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-user-preview:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo