diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index 97225910bf..6121db3f8f 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only - + diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue index 7ab3a95f5b..ae5be0f2d4 100644 --- a/packages/frontend/src/components/MkNotification.vue +++ b/packages/frontend/src/components/MkNotification.vue @@ -358,7 +358,7 @@ const rejectFollowRequest = () => { width: 20px; height: 20px; box-sizing: border-box; - border-radius: 100%; + border-radius: var(--radius-full); background: var(--panel); box-shadow: 0 0 0 3px var(--panel); font-size: 11px; diff --git a/packages/frontend/src/components/MkTutorialDialog.PostNote.vue b/packages/frontend/src/components/MkTutorialDialog.PostNote.vue index 26febdfd2d..f093d6d9ef 100644 --- a/packages/frontend/src/components/MkTutorialDialog.PostNote.vue +++ b/packages/frontend/src/components/MkTutorialDialog.PostNote.vue @@ -115,7 +115,7 @@ const exampleCWNote = reactive({ left: 0; right: 0; bottom: 0; - border-radius: 999px; + border-radius: var(--radius-ellipse); background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); } diff --git a/packages/frontend/src/components/MkTutorialDialog.Sensitive.vue b/packages/frontend/src/components/MkTutorialDialog.Sensitive.vue index bf30c10e5e..dd255a2214 100644 --- a/packages/frontend/src/components/MkTutorialDialog.Sensitive.vue +++ b/packages/frontend/src/components/MkTutorialDialog.Sensitive.vue @@ -125,7 +125,7 @@ const exampleNote = reactive({ left: 0; right: 0; bottom: 0; - border-radius: 999px; + border-radius: var(--radius-ellipse); background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); } diff --git a/packages/frontend/src/components/MkTutorialDialog.Timeline.vue b/packages/frontend/src/components/MkTutorialDialog.Timeline.vue index 9eb77772db..421c0a8af8 100644 --- a/packages/frontend/src/components/MkTutorialDialog.Timeline.vue +++ b/packages/frontend/src/components/MkTutorialDialog.Timeline.vue @@ -67,7 +67,7 @@ import { i18n } from '@/i18n.js'; left: 0; right: 0; bottom: 0; - border-radius: 999px; + border-radius: var(--radius-ellipse); background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); } diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.vue b/packages/frontend/src/components/MkUserOnlineIndicator.vue index ac50d73cda..c6e1218c0f 100644 --- a/packages/frontend/src/components/MkUserOnlineIndicator.vue +++ b/packages/frontend/src/components/MkUserOnlineIndicator.vue @@ -38,7 +38,7 @@ const text = $computed(() => { .root { box-shadow: 0 0 0 3px var(--panel); - // sharkey(ShittyKopper): the comment mentions something about 100% radius not behaving correctly on blink. + // sharkey: 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%ぴったりにすると何故か若干楕円でレンダリングされる diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index e238834872..01bf66fed5 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -159,7 +159,7 @@ watch(() => props.user.avatarBlurhash, () => { display: inline-block; vertical-align: bottom; flex-shrink: 0; - border-radius: 100%; + border-radius: 100%; // sharkey: controlled by square avatars setting! line-height: 16px; } @@ -169,7 +169,7 @@ watch(() => props.user.avatarBlurhash, () => { left: 0; right: 0; top: 0; - border-radius: 100%; + border-radius: 100%; // sharkey: controlled by square avatars setting! z-index: 1; overflow: clip; object-fit: cover; @@ -187,10 +187,10 @@ watch(() => props.user.avatarBlurhash, () => { } .square { - border-radius: 20%; + border-radius: 20%; // sharkey: controlled by square avatars setting! > .inner { - border-radius: 20%; + border-radius: 20%; // sharkey: controlled by square avatars setting! } } diff --git a/packages/frontend/src/components/global/MkEmoji.vue b/packages/frontend/src/components/global/MkEmoji.vue index 24655106ce..d5025edf82 100644 --- a/packages/frontend/src/components/global/MkEmoji.vue +++ b/packages/frontend/src/components/global/MkEmoji.vue @@ -4,8 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only -->