From 5ac10730aef3bf95a7687c389f1421e33f973865 Mon Sep 17 00:00:00 2001
From: ShittyKopper <shittykopper@w.on-t.work>
Date: Wed, 1 Nov 2023 23:00:55 +0300
Subject: [PATCH] upd: replace more hardcoded radius values

---
 packages/frontend/src/components/MkCode.core.vue           | 2 +-
 packages/frontend/src/components/MkCodeEditor.vue          | 2 +-
 packages/frontend/src/components/MkUserOnlineIndicator.vue | 5 ++++-
 packages/frontend/src/pages/drive.file.info.vue            | 2 +-
 packages/frontend/src/pages/settings/profile.vue           | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/MkCode.core.vue b/packages/frontend/src/components/MkCode.core.vue
index 4ec3540419..21684b462a 100644
--- a/packages/frontend/src/components/MkCode.core.vue
+++ b/packages/frontend/src/components/MkCode.core.vue
@@ -77,7 +77,7 @@ watch(() => props.lang, (to) => {
 	& :deep(.shiki) {
 		padding: 12px;
 		margin: 0;
-		border-radius: 6px;
+		border-radius: var(--radius-sm);
 		min-height: 130px;
 		pointer-events: none;
 		min-width: calc(100% - 24px);
diff --git a/packages/frontend/src/components/MkCodeEditor.vue b/packages/frontend/src/components/MkCodeEditor.vue
index 2d56a61963..5434042684 100644
--- a/packages/frontend/src/components/MkCodeEditor.vue
+++ b/packages/frontend/src/components/MkCodeEditor.vue
@@ -129,7 +129,7 @@ watch(v, () => {
 
 .focused.codeEditorRoot {
 	border-color: var(--accent) !important;
-	border-radius: 6px;
+	border-radius: var(--radius-sm);
 }
 
 .codeEditorScroller {
diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.vue b/packages/frontend/src/components/MkUserOnlineIndicator.vue
index 8b792fe496..ac50d73cda 100644
--- a/packages/frontend/src/components/MkUserOnlineIndicator.vue
+++ b/packages/frontend/src/components/MkUserOnlineIndicator.vue
@@ -37,7 +37,10 @@ const text = $computed(() => {
 <style lang="scss" module>
 .root {
 	box-shadow: 0 0 0 3px var(--panel);
-	border-radius: 120%; // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる
+
+	// sharkey(ShittyKopper): the comment mentions something about 100% radius not behaving correctly on blink.
+	// couldn't reproduce, assuming the 120% here was just an old workaround
+	border-radius: var(--radius-full); // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる
 
 	&.status_online {
 		background: #58d4c9;
diff --git a/packages/frontend/src/pages/drive.file.info.vue b/packages/frontend/src/pages/drive.file.info.vue
index 83c61f74e1..2fcf35f36e 100644
--- a/packages/frontend/src/pages/drive.file.info.vue
+++ b/packages/frontend/src/pages/drive.file.info.vue
@@ -221,7 +221,7 @@ onMounted(async () => {
 
 	.fileQuickActionsOthersButton {
 		padding: .5rem;
-		border-radius: 99rem;
+		border-radius: var(--radius-ellipse);
 
 		&:hover,
 		&:focus-visible {
diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue
index 66eece973b..22b3d7a529 100644
--- a/packages/frontend/src/pages/settings/profile.vue
+++ b/packages/frontend/src/pages/settings/profile.vue
@@ -428,7 +428,7 @@ definePageMetadata({
 	cursor: pointer;
 	padding: 16px 16px 28px 16px;
 	border: solid 2px var(--divider);
-	border-radius: 8px;
+	border-radius: var(--radius-sm);
 	text-align: center;
 	font-size: 90%;
 	overflow: clip;