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;