fix(client): fix sidebar style

Fix #8049
2021-12-25 16:03:57 +09:00
parent b05cfe4a84
commit 85740dd09f
1 changed files with 9 additions and 4 deletions
--- a/packages/client/src/ui/_common_/sidebar.vue
+++ b/packages/client/src/ui/_common_/sidebar.vue
@@ -170,6 +170,8 @@ export default defineComponent({
 			}

 			&:hover, &.active {
+				color: var(--accent);
+
 				&:before {
 					content: "";
 					display: block;
@@ -283,8 +285,10 @@ export default defineComponent({
 				}

 				&:before {
-					width: 100%;
-					border-radius: 0;
+					width: auto;
+					height: 100%;
+					aspect-ratio: 1/1;
+					border-radius: 8px;
 				}

 				&.post {
@@ -296,8 +300,9 @@ export default defineComponent({
 				}

 				&.post:before {
-					width: calc(100% - 32px);
-					height: calc(100% - 32px);
+					width: calc(100% - 28px);
+					height: auto;
+					aspect-ratio: 1/1;
 					border-radius: 100%;
 				}
 			}