diff --git a/packages/backend/src/server/web/boot.js b/packages/backend/src/server/web/boot.js
index 19c23af32a..cb0c3d310d 100644
--- a/packages/backend/src/server/web/boot.js
+++ b/packages/backend/src/server/web/boot.js
@@ -233,7 +233,7 @@
}
button {
- border-radius: 4px;
+ border-radius: 999px;
padding: 0px 12px 0px 12px;
border: none;
cursor: pointer;
@@ -301,7 +301,7 @@
margin-bottom: 2rem;
padding: 0.5rem 1rem;
width: 40rem;
- border-radius: 5px;
+ border-radius: 10px;
justify-content: center;
margin: auto;
}
diff --git a/packages/backend/src/server/web/error.css b/packages/backend/src/server/web/error.css
index 8bad3d843e..ea3056bdaf 100644
--- a/packages/backend/src/server/web/error.css
+++ b/packages/backend/src/server/web/error.css
@@ -24,7 +24,7 @@ html {
}
button {
- border-radius: 4px;
+ border-radius: 999px;
padding: 0px 12px 0px 12px;
border: none;
cursor: pointer;
@@ -93,7 +93,7 @@ code {
background: #333;
padding: 0.5rem 1rem;
max-width: 40rem;
- border-radius: 5px;
+ border-radius: 10px;
justify-content: center;
margin: auto;
white-space: pre-wrap;
diff --git a/packages/frontend/src/components/MkAbuseReport.vue b/packages/frontend/src/components/MkAbuseReport.vue
index 1ef8a205e2..66114b8734 100644
--- a/packages/frontend/src/components/MkAbuseReport.vue
+++ b/packages/frontend/src/components/MkAbuseReport.vue
@@ -84,7 +84,7 @@ function resolve() {
box-sizing: border-box;
align-items: center;
padding: 14px;
- border-radius: 5px;
+ border-radius: 8px;
--c: rgb(255 196 0 / 15%);
background-image: linear-gradient(45deg, var(--c) 16.67%, transparent 16.67%, transparent 50%, var(--c) 50%, var(--c) 66.67%, transparent 66.67%, transparent 100%);
background-size: 16px 16px;
diff --git a/packages/frontend/src/components/MkAsUi.vue b/packages/frontend/src/components/MkAsUi.vue
index 3eb020c50e..099baf0d72 100644
--- a/packages/frontend/src/components/MkAsUi.vue
+++ b/packages/frontend/src/components/MkAsUi.vue
@@ -125,6 +125,6 @@ function openPostForm() {
.postForm {
background: var(--bg);
- border-radius: 5px;
+ border-radius: 8px;
}
</style>
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue
index 3801d6b5d4..bcd58ae516 100644
--- a/packages/frontend/src/components/MkButton.vue
+++ b/packages/frontend/src/components/MkButton.vue
@@ -154,7 +154,7 @@ function onMousedown(evt: MouseEvent): void {
}
&.rounded {
- border-radius: 4px;
+ border-radius: 999px;
}
&.primary {
@@ -264,7 +264,7 @@ function onMousedown(evt: MouseEvent): void {
left: 0;
width: 100%;
height: 100%;
- border-radius: 5px;
+ border-radius: 6px;
overflow: clip;
pointer-events: none;
}
diff --git a/packages/frontend/src/components/MkChannelPreview.vue b/packages/frontend/src/components/MkChannelPreview.vue
index 6429258f4a..ab91f793fd 100644
--- a/packages/frontend/src/components/MkChannelPreview.vue
+++ b/packages/frontend/src/components/MkChannelPreview.vue
@@ -100,7 +100,7 @@ const bannerStyle = computed(() => {
padding: 8px 12px;
font-size: 80%;
background: rgba(0, 0, 0, 0.7);
- border-radius: 5px;
+ border-radius: 6px;
color: #fff;
}
@@ -111,7 +111,7 @@ const bannerStyle = computed(() => {
left: 16px;
background: rgba(0, 0, 0, 0.7);
color: var(--warn);
- border-radius: 5px;
+ border-radius: 6px;
font-weight: bold;
font-size: 1em;
padding: 4px 7px;
diff --git a/packages/frontend/src/components/MkChartLegend.vue b/packages/frontend/src/components/MkChartLegend.vue
index 2e83d59b59..d321114cba 100644
--- a/packages/frontend/src/components/MkChartLegend.vue
+++ b/packages/frontend/src/components/MkChartLegend.vue
@@ -55,7 +55,7 @@ defineExpose({
font-size: 85%;
padding: 4px 12px 4px 8px;
border: solid 1px var(--divider);
- border-radius: 4px;
+ border-radius: 999px;
&:hover {
border-color: var(--inputBorderHover);
diff --git a/packages/frontend/src/components/MkColorInput.vue b/packages/frontend/src/components/MkColorInput.vue
index 4ebfec5b51..983a35103c 100644
--- a/packages/frontend/src/components/MkColorInput.vue
+++ b/packages/frontend/src/components/MkColorInput.vue
@@ -102,7 +102,7 @@ const onInput = (ev: KeyboardEvent) => {
color: var(--fg);
background: var(--panel);
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
outline: none;
box-shadow: none;
box-sizing: border-box;
diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue
index 3195377d60..c402a37996 100644
--- a/packages/frontend/src/components/MkContainer.vue
+++ b/packages/frontend/src/components/MkContainer.vue
@@ -223,7 +223,7 @@ onUnmounted(() => {
background: var(--panel);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
diff --git a/packages/frontend/src/components/MkDialog.vue b/packages/frontend/src/components/MkDialog.vue
index b62f4324eb..5f7981c050 100644
--- a/packages/frontend/src/components/MkDialog.vue
+++ b/packages/frontend/src/components/MkDialog.vue
@@ -197,7 +197,7 @@ onBeforeUnmount(() => {
box-sizing: border-box;
text-align: center;
background: var(--panel);
- border-radius: 4px;
+ border-radius: 16px;
}
.icon {
diff --git a/packages/frontend/src/components/MkDrive.file.vue b/packages/frontend/src/components/MkDrive.file.vue
index c8f23286fd..5b67544e7b 100644
--- a/packages/frontend/src/components/MkDrive.file.vue
+++ b/packages/frontend/src/components/MkDrive.file.vue
@@ -107,7 +107,7 @@ function onDragend() {
position: relative;
padding: 8px 0 0 0;
min-height: 180px;
- border-radius: 5px;
+ border-radius: 8px;
cursor: pointer;
&:hover {
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue
index 66807cf42c..a44c78c249 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.vue
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue
@@ -63,7 +63,7 @@ const isThumbnailAvailable = computed(() => {
position: relative;
display: flex;
background: var(--panel);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
}
diff --git a/packages/frontend/src/components/MkFolder.vue b/packages/frontend/src/components/MkFolder.vue
index 007c4b329d..8ddb27a19b 100644
--- a/packages/frontend/src/components/MkFolder.vue
+++ b/packages/frontend/src/components/MkFolder.vue
@@ -139,7 +139,7 @@ onMounted(() => {
background: var(--buttonBg);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
- border-radius: 5px;
+ border-radius: 6px;
transition: border-radius 0.3s;
&:hover {
diff --git a/packages/frontend/src/components/MkInput.vue b/packages/frontend/src/components/MkInput.vue
index 6979250c65..66881514e4 100644
--- a/packages/frontend/src/components/MkInput.vue
+++ b/packages/frontend/src/components/MkInput.vue
@@ -227,7 +227,7 @@ defineExpose({
color: var(--fg);
background: var(--panel);
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
outline: none;
box-shadow: none;
box-sizing: border-box;
diff --git a/packages/frontend/src/components/MkInstanceCardMini.vue b/packages/frontend/src/components/MkInstanceCardMini.vue
index 4fb36d73c1..e384b7a0bc 100644
--- a/packages/frontend/src/components/MkInstanceCardMini.vue
+++ b/packages/frontend/src/components/MkInstanceCardMini.vue
@@ -46,7 +46,7 @@ function getInstanceIcon(instance): string {
align-items: center;
padding: 16px;
background: var(--panel);
- border-radius: 5px;
+ border-radius: 8px;
> :global(.icon) {
display: block;
diff --git a/packages/frontend/src/components/MkLaunchPad.vue b/packages/frontend/src/components/MkLaunchPad.vue
index 0f951ec0b9..87f15a110f 100644
--- a/packages/frontend/src/components/MkLaunchPad.vue
+++ b/packages/frontend/src/components/MkLaunchPad.vue
@@ -77,7 +77,7 @@ function close() {
overflow: auto;
overscroll-behavior: contain;
text-align: left;
- border-radius: 4px;
+ border-radius: 16px;
&.asDrawer {
width: 100%;
@@ -100,7 +100,7 @@ function close() {
justify-content: center;
vertical-align: bottom;
height: 100px;
- border-radius: 5px;
+ border-radius: 10px;
&:hover {
color: var(--accent);
diff --git a/packages/frontend/src/components/MkMediaBanner.vue b/packages/frontend/src/components/MkMediaBanner.vue
index 672a68ed1f..af222804ce 100644
--- a/packages/frontend/src/components/MkMediaBanner.vue
+++ b/packages/frontend/src/components/MkMediaBanner.vue
@@ -79,7 +79,7 @@ watch(audioEl, () => {
}
.audio {
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
}
</style>
diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue
index 016a4b020f..bf87aa9ff3 100644
--- a/packages/frontend/src/components/MkMediaImage.vue
+++ b/packages/frontend/src/components/MkMediaImage.vue
@@ -157,7 +157,7 @@ function showMenu(ev: MouseEvent) {
.hide {
display: block;
position: absolute;
- border-radius: 5px;
+ border-radius: 6px;
background-color: black;
color: var(--accentLighten);
font-size: 12px;
@@ -187,7 +187,7 @@ function showMenu(ev: MouseEvent) {
.menu {
display: block;
position: absolute;
- border-radius: 4px;
+ border-radius: 999px;
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
@@ -223,7 +223,7 @@ function showMenu(ev: MouseEvent) {
.indicator {
/* Hardcode to black because either --bg or --fg makes it hard to read in dark/light mode */
background-color: black;
- border-radius: 5px;
+ border-radius: 6px;
color: var(--accentLighten);
display: inline-block;
font-weight: bold;
diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index c9f02dd452..f134f2021d 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -341,7 +341,7 @@ const previewable = (file: Misskey.entities.DriveFile): boolean => {
.media {
overflow: hidden; // clipにするとバグる
- border-radius: 5px;
+ border-radius: 8px;
}
:global(.pswp) {
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index e1f7b735f0..a334310550 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -77,7 +77,7 @@ watch(videoEl, () => {
.hide {
display: block;
position: absolute;
- border-radius: 5px;
+ border-radius: 6px;
background-color: black;
color: var(--accentLighten);
font-size: 14px;
@@ -127,7 +127,7 @@ watch(videoEl, () => {
.indicator {
/* Hardcode to black because either --bg or --fg makes it hard to read in dark/light mode */
background-color: black;
- border-radius: 5px;
+ border-radius: 6px;
color: var(--accentLighten);
display: inline-block;
font-weight: bold;
diff --git a/packages/frontend/src/components/MkMention.vue b/packages/frontend/src/components/MkMention.vue
index 2e8f9e26d3..80426157e6 100644
--- a/packages/frontend/src/components/MkMention.vue
+++ b/packages/frontend/src/components/MkMention.vue
@@ -49,7 +49,7 @@ const avatarUrl = computed(() => defaultStore.state.disableShowingAnimatedImages
.root {
display: inline-block;
padding: 4px 8px 4px 4px;
- border-radius: 4px;
+ border-radius: 999px;
color: var(--mention);
&.isMe {
diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue
index 1588f924c4..14b21ef96b 100644
--- a/packages/frontend/src/components/MkMenu.vue
+++ b/packages/frontend/src/components/MkMenu.vue
@@ -290,7 +290,7 @@ onBeforeUnmount(() => {
margin: auto;
width: calc(100% - 16px);
height: 100%;
- border-radius: 5px;
+ border-radius: 6px;
}
&:not(:disabled):hover {
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 0b9e4b0d38..4ebd9510cc 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -699,7 +699,7 @@ function readPromo() {
padding: 0 4px;
margin-bottom: 0 !important;
background: var(--popup);
- border-radius: 5px;
+ border-radius: 8px;
box-shadow: 0px 4px 32px var(--shadow);
}
@@ -831,7 +831,7 @@ function readPromo() {
left: 8px;
width: 5px;
height: calc(100% - 16px);
- border-radius: 4px;
+ border-radius: 999px;
pointer-events: none;
}
@@ -871,7 +871,7 @@ function readPromo() {
background: var(--popup);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
@@ -901,7 +901,7 @@ function readPromo() {
background: var(--panel);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
@@ -937,7 +937,7 @@ function readPromo() {
.quoteNote {
padding: 16px;
border: dashed 1px var(--renote);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
}
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 2633ce2d6b..d11e682ce2 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -739,7 +739,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
width: 28px;
height: 28px;
margin: 0 8px 0 0;
- border-radius: 5px;
+ border-radius: 6px;
}
.renoteText {
@@ -869,7 +869,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
.quoteNote {
padding: 16px;
border: dashed 1px var(--renote);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
}
@@ -947,7 +947,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
.reactionTab {
padding: 4px 6px;
border: solid 1px var(--divider);
- border-radius: 5px;
+ border-radius: 6px;
}
.reactionTabActive {
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue
index b22e9e016a..fa27cc0294 100644
--- a/packages/frontend/src/components/MkNoteSimple.vue
+++ b/packages/frontend/src/components/MkNoteSimple.vue
@@ -56,7 +56,7 @@ watch(() => props.expandAllCws, (expandAllCws) => {
margin: 0 10px 0 0;
width: 34px;
height: 34px;
- border-radius: 5px;
+ border-radius: 8px;
position: sticky !important;
top: calc(16px + var(--stickyTop, 0px));
left: 0;
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 3c8ba00121..6ff0c41e08 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -418,7 +418,7 @@ if (props.detail) {
left: 8px;
width: 5px;
height: calc(100% - 8px);
- border-radius: 4px;
+ border-radius: 999px;
pointer-events: none;
}
@@ -428,7 +428,7 @@ if (props.detail) {
margin: 0 8px 0 0;
width: 38px;
height: 38px;
- border-radius: 5px;
+ border-radius: 8px;
}
.body {
@@ -514,6 +514,6 @@ if (props.detail) {
padding: 8px !important;
border: 1px solid var(--divider);
margin: 8px 8px 0 8px;
- border-radius: 5px;
+ border-radius: 8px;
}
</style>
diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue
index 379dfe806d..1dd60f2473 100644
--- a/packages/frontend/src/components/MkNotification.vue
+++ b/packages/frontend/src/components/MkNotification.vue
@@ -181,7 +181,7 @@ useTooltip(reactionRef, (showing) => {
display: block;
width: 100%;
height: 100%;
- border-radius: 5px;
+ border-radius: 6px;
}
.subIcon {
diff --git a/packages/frontend/src/components/MkOmit.vue b/packages/frontend/src/components/MkOmit.vue
index d353e4d8e6..0184cdd2a2 100644
--- a/packages/frontend/src/components/MkOmit.vue
+++ b/packages/frontend/src/components/MkOmit.vue
@@ -69,7 +69,7 @@ onUnmounted(() => {
background: var(--panel);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue
index e3fa05d374..42c679914c 100644
--- a/packages/frontend/src/components/MkPostForm.vue
+++ b/packages/frontend/src/components/MkPostForm.vue
@@ -61,7 +61,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAcct :user="u"/>
<button class="_button" style="padding: 4px 8px;" @click="removeVisibleUser(u)"><i class="ph-x ph-bold ph-lg"></i></button>
</span>
- <button class="_buttonPrimary" style="padding: 4px; border-radius: 5px;" @click="addVisibleUser"><i class="ph-plus ph-bold ph-lg ti-fw"></i></button>
+ <button class="_buttonPrimary" style="padding: 4px; border-radius: 8px;" @click="addVisibleUser"><i class="ph-plus ph-bold ph-lg ti-fw"></i></button>
</div>
</div>
<MkInfo v-if="hasNotSpecifiedMentions" warn :class="$style.hasNotSpecifiedMentions">{{ i18n.ts.notSpecifiedMentionWarning }} - <button class="_textButton" @click="addMissingMention()">{{ i18n.ts.add }}</button></MkInfo>
@@ -998,7 +998,7 @@ defineExpose({
padding: 0 12px;
line-height: 34px;
font-weight: bold;
- border-radius: 5px;
+ border-radius: 6px;
min-width: 90px;
box-sizing: border-box;
color: var(--fgOnAccent);
@@ -1008,7 +1008,7 @@ defineExpose({
.headerRightItem {
margin: 0;
padding: 8px;
- border-radius: 5px;
+ border-radius: 6px;
&:hover {
background: var(--X5);
@@ -1071,7 +1071,7 @@ defineExpose({
.visibleUser {
margin-right: 14px;
padding: 8px 0 8px 8px;
- border-radius: 5px;
+ border-radius: 8px;
background: var(--X4);
}
@@ -1140,7 +1140,7 @@ defineExpose({
padding: 4px 6px;
font-size: .9em;
color: var(--warn);
- border-radius: 5px;
+ border-radius: 6px;
min-width: 1.6em;
text-align: center;
@@ -1180,7 +1180,7 @@ defineExpose({
font-size: 1em;
width: auto;
height: 100%;
- border-radius: 5px;
+ border-radius: 6px;
&:hover {
background: var(--X5);
diff --git a/packages/frontend/src/components/MkRadio.vue b/packages/frontend/src/components/MkRadio.vue
index e0eca18ed2..c4df3e991b 100644
--- a/packages/frontend/src/components/MkRadio.vue
+++ b/packages/frontend/src/components/MkRadio.vue
@@ -55,7 +55,7 @@ function toggle(): void {
background-color: var(--panel);
background-clip: padding-box !important;
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
font-size: 90%;
transition: all 0.2s;
user-select: none;
diff --git a/packages/frontend/src/components/MkRange.vue b/packages/frontend/src/components/MkRange.vue
index 922c3a3a0e..04390c6f0c 100644
--- a/packages/frontend/src/components/MkRange.vue
+++ b/packages/frontend/src/components/MkRange.vue
@@ -186,7 +186,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
padding: 7px 12px;
background: var(--panel);
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
> .container {
position: relative;
@@ -202,7 +202,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
width: calc(100% - #{$thumbWidth});
height: 3px;
background: rgba(0, 0, 0, 0.1);
- border-radius: 4px;
+ border-radius: 999px;
overflow: clip;
> .highlight {
@@ -233,7 +233,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
height: 3px;
margin-left: - math.div($tickWidth, 2);
background: var(--divider);
- border-radius: 4px;
+ border-radius: 999px;
}
}
@@ -243,7 +243,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
height: $thumbHeight;
cursor: grab;
background: var(--accent);
- border-radius: 4px;
+ border-radius: 999px;
&:hover {
background: var(--accentLighten);
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
index 03c91e2ba6..d0db515219 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
@@ -119,7 +119,7 @@ useTooltip(buttonEl, async (showing) => {
margin: 2px;
padding: 0 6px;
font-size: 1.5em;
- border-radius: 5px;
+ border-radius: 6px;
&.canToggle {
background: var(--buttonBg);
@@ -147,7 +147,7 @@ useTooltip(buttonEl, async (showing) => {
&.large {
height: 52px;
font-size: 2em;
- border-radius: 5px;
+ border-radius: 8px;
> .count {
font-size: 0.6em;
diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue
index 83563587e2..f7b9e5828b 100644
--- a/packages/frontend/src/components/MkSelect.vue
+++ b/packages/frontend/src/components/MkSelect.vue
@@ -241,7 +241,7 @@ function show(ev: MouseEvent) {
color: var(--fg);
background: var(--panel);
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
outline: none;
box-shadow: none;
box-sizing: border-box;
diff --git a/packages/frontend/src/components/MkSignupDialog.rules.vue b/packages/frontend/src/components/MkSignupDialog.rules.vue
index 96072a19c6..647a184714 100644
--- a/packages/frontend/src/components/MkSignupDialog.rules.vue
+++ b/packages/frontend/src/components/MkSignupDialog.rules.vue
@@ -182,7 +182,7 @@ async function updateAgreeNote(v: boolean) {
font-weight: bold;
align-items: center;
justify-content: center;
- border-radius: 4px;
+ border-radius: 999px;
}
}
diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
index 8f6dc6aee3..ea4028029b 100644
--- a/packages/frontend/src/components/MkSubNoteContent.vue
+++ b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -88,7 +88,7 @@ const collapsed = $ref(isLong);
background: var(--panel);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
@@ -131,7 +131,7 @@ const collapsed = $ref(isLong);
background: var(--popup);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: 4px;
+ border-radius: 999px;
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
</style>
diff --git a/packages/frontend/src/components/MkSuperMenu.vue b/packages/frontend/src/components/MkSuperMenu.vue
index 50bfd64fc8..b780ce3a44 100644
--- a/packages/frontend/src/components/MkSuperMenu.vue
+++ b/packages/frontend/src/components/MkSuperMenu.vue
@@ -59,7 +59,7 @@ defineProps<{
width: 100%;
box-sizing: border-box;
padding: 9px 16px 9px 8px;
- border-radius: 5px;
+ border-radius: 9px;
font-size: 0.9em;
&:hover {
diff --git a/packages/frontend/src/components/MkSwitch.button.vue b/packages/frontend/src/components/MkSwitch.button.vue
index 9d20103364..a7e91acc39 100644
--- a/packages/frontend/src/components/MkSwitch.button.vue
+++ b/packages/frontend/src/components/MkSwitch.button.vue
@@ -52,7 +52,7 @@ const toggle = () => {
background: var(--switchOffBg);
background-clip: content-box;
border: solid 1px var(--switchOffBg);
- border-radius: 4px;
+ border-radius: 999px;
cursor: pointer;
transition: inherit;
user-select: none;
@@ -72,7 +72,7 @@ const toggle = () => {
top: 3px;
width: 15px;
height: 15px;
- border-radius: 4px;
+ border-radius: 999px;
transition: all 0.2s ease;
&:not(.knobChecked) {
diff --git a/packages/frontend/src/components/MkTab.vue b/packages/frontend/src/components/MkTab.vue
index 2b93d2eb4f..9785d89403 100644
--- a/packages/frontend/src/components/MkTab.vue
+++ b/packages/frontend/src/components/MkTab.vue
@@ -39,7 +39,7 @@ export default defineComponent({
> button {
flex: 1;
padding: 10px 8px;
- border-radius: 4px;
+ border-radius: 999px;
&:disabled {
opacity: 1 !important;
diff --git a/packages/frontend/src/components/MkTextarea.vue b/packages/frontend/src/components/MkTextarea.vue
index 036ad3b9e7..9893c91fb1 100644
--- a/packages/frontend/src/components/MkTextarea.vue
+++ b/packages/frontend/src/components/MkTextarea.vue
@@ -153,7 +153,7 @@ onMounted(() => {
color: var(--fg);
background: var(--panel);
border: solid 1px var(--panel);
- border-radius: 5px;
+ border-radius: 6px;
outline: none;
box-shadow: none;
box-sizing: border-box;
diff --git a/packages/frontend/src/components/MkToast.vue b/packages/frontend/src/components/MkToast.vue
index 78eccd0618..48908cf3e6 100644
--- a/packages/frontend/src/components/MkToast.vue
+++ b/packages/frontend/src/components/MkToast.vue
@@ -66,7 +66,7 @@ onMounted(() => {
max-width: calc(100% - 32px);
width: min-content;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
text-align: center;
pointer-events: none;
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 9cec4009c8..f38e914b23 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -231,7 +231,7 @@ onUnmounted(() => {
display: block;
font-size: 14px;
box-shadow: 0 0 0 1px var(--divider);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
&:hover {
diff --git a/packages/frontend/src/components/MkUserCardMini.vue b/packages/frontend/src/components/MkUserCardMini.vue
index 70c2a37b53..49813dddb3 100644
--- a/packages/frontend/src/components/MkUserCardMini.vue
+++ b/packages/frontend/src/components/MkUserCardMini.vue
@@ -50,7 +50,7 @@ onMounted(() => {
align-items: center;
padding: 16px;
background: var(--panel);
- border-radius: 5px;
+ border-radius: 8px;
> :global(.avatar) {
display: block;
diff --git a/packages/frontend/src/components/MkUserInfo.vue b/packages/frontend/src/components/MkUserInfo.vue
index 6bb2fc8957..c13ef60f3b 100644
--- a/packages/frontend/src/components/MkUserInfo.vue
+++ b/packages/frontend/src/components/MkUserInfo.vue
@@ -100,7 +100,7 @@ defineProps<{
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
- border-radius: 5px;
+ border-radius: 6px;
}
.description {
diff --git a/packages/frontend/src/components/MkUserPopup.vue b/packages/frontend/src/components/MkUserPopup.vue
index 85954d4193..fa2ef05aa8 100644
--- a/packages/frontend/src/components/MkUserPopup.vue
+++ b/packages/frontend/src/components/MkUserPopup.vue
@@ -146,7 +146,7 @@ onMounted(() => {
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
- border-radius: 5px;
+ border-radius: 6px;
}
.locked:first-child {
@@ -249,7 +249,7 @@ onMounted(() => {
right: 44px;
padding: 6px;
background: var(--panel);
- border-radius: 4px;
+ border-radius: 999px;
}
.follow {
diff --git a/packages/frontend/src/components/MkVisitorDashboard.vue b/packages/frontend/src/components/MkVisitorDashboard.vue
index 138d7953a7..6ea68989ef 100644
--- a/packages/frontend/src/components/MkVisitorDashboard.vue
+++ b/packages/frontend/src/components/MkVisitorDashboard.vue
@@ -172,7 +172,7 @@ function exploreOtherServers() {
right: 16px;
width: 32px;
height: 32px;
- border-radius: 5px;
+ border-radius: 8px;
font-size: 18px;
}
diff --git a/packages/frontend/src/components/form/link.vue b/packages/frontend/src/components/form/link.vue
index 365ce6de66..9df41eb00b 100644
--- a/packages/frontend/src/components/form/link.vue
+++ b/packages/frontend/src/components/form/link.vue
@@ -52,7 +52,7 @@ const props = defineProps<{
box-sizing: border-box;
padding: 10px 14px;
background: var(--buttonBg);
- border-radius: 5px;
+ border-radius: 6px;
font-size: 0.9em;
&:hover {
diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue
index 8ca0991c0b..e238834872 100644
--- a/packages/frontend/src/components/global/MkAvatar.vue
+++ b/packages/frontend/src/components/global/MkAvatar.vue
@@ -187,10 +187,10 @@ watch(() => props.user.avatarBlurhash, () => {
}
.square {
- border-radius: 5px;
+ border-radius: 20%;
> .inner {
- border-radius: 5px;
+ border-radius: 20%;
}
}
diff --git a/packages/frontend/src/components/global/MkError.vue b/packages/frontend/src/components/global/MkError.vue
index efb7b75fb9..0df8fa3b8f 100644
--- a/packages/frontend/src/components/global/MkError.vue
+++ b/packages/frontend/src/components/global/MkError.vue
@@ -44,6 +44,6 @@ const emit = defineEmits<{
width: 128px;
height: 128px;
margin-bottom: 16px;
- border-radius: 4px;
+ border-radius: 16px;
}
</style>
diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.vue b/packages/frontend/src/components/global/MkPageHeader.tabs.vue
index b98750da44..24b92cb83a 100644
--- a/packages/frontend/src/components/global/MkPageHeader.tabs.vue
+++ b/packages/frontend/src/components/global/MkPageHeader.tabs.vue
@@ -245,7 +245,7 @@ onUnmounted(() => {
bottom: 0;
height: 3px;
background: var(--accent);
- border-radius: 4px;
+ border-radius: 999px;
transition: none;
pointer-events: none;
diff --git a/packages/frontend/src/pages/_error_.vue b/packages/frontend/src/pages/_error_.vue
index 037d6c94a8..4977cece40 100644
--- a/packages/frontend/src/pages/_error_.vue
+++ b/packages/frontend/src/pages/_error_.vue
@@ -82,6 +82,6 @@ definePageMetadata({
vertical-align: bottom;
height: 128px;
margin-bottom: 24px;
- border-radius: 4px;
+ border-radius: 16px;
}
</style>
diff --git a/packages/frontend/src/pages/about-sharkey.vue b/packages/frontend/src/pages/about-sharkey.vue
index 1e235bf70e..ae70c8d9d5 100644
--- a/packages/frontend/src/pages/about-sharkey.vue
+++ b/packages/frontend/src/pages/about-sharkey.vue
@@ -220,7 +220,7 @@ definePageMetadata({
display: block;
width: 80px;
margin: 0 auto;
- border-radius: 4px;
+ border-radius: 16px;
position: relative;
z-index: 1;
transform: translateX(-10%);
@@ -271,7 +271,7 @@ definePageMetadata({
align-items: center;
padding: 12px;
background: var(--buttonBg);
- border-radius: 5px;
+ border-radius: 6px;
&:hover {
text-decoration: none;
@@ -304,7 +304,7 @@ definePageMetadata({
align-items: center;
padding: 12px;
background: var(--buttonBg);
- border-radius: 5px;
+ border-radius: 6px;
}
.patronIcon {
diff --git a/packages/frontend/src/pages/about.vue b/packages/frontend/src/pages/about.vue
index 7b1975807b..b6cacdd3c2 100644
--- a/packages/frontend/src/pages/about.vue
+++ b/packages/frontend/src/pages/about.vue
@@ -168,7 +168,7 @@ definePageMetadata(computed(() => ({
<style lang="scss" module>
.banner {
text-align: center;
- border-radius: 5px;
+ border-radius: 10px;
overflow: clip;
background-size: cover;
background-position: center center;
@@ -178,7 +178,7 @@ definePageMetadata(computed(() => ({
display: block;
margin: 16px auto 0 auto;
height: 64px;
- border-radius: 5px;
+ border-radius: 8px;
}
.bannerName {
@@ -217,7 +217,7 @@ definePageMetadata(computed(() => ({
font-weight: bold;
align-items: center;
justify-content: center;
- border-radius: 4px;
+ border-radius: 999px;
}
}
diff --git a/packages/frontend/src/pages/admin-user.vue b/packages/frontend/src/pages/admin-user.vue
index 5c26c94022..026ef794c2 100644
--- a/packages/frontend/src/pages/admin-user.vue
+++ b/packages/frontend/src/pages/admin-user.vue
@@ -546,7 +546,7 @@ definePageMetadata(computed(() => ({
> .suspended, > .silenced, > .moderator {
display: inline-block;
border: solid 1px;
- border-radius: 5px;
+ border-radius: 6px;
padding: 2px 6px;
font-size: 85%;
}
@@ -638,7 +638,7 @@ definePageMetadata(computed(() => ({
.announcementItem {
display: flex;
padding: 8px 12px;
- border-radius: 5px;
+ border-radius: 6px;
cursor: pointer;
}
</style>
diff --git a/packages/frontend/src/pages/admin/_header_.vue b/packages/frontend/src/pages/admin/_header_.vue
index 6b619249da..503fb2af9c 100644
--- a/packages/frontend/src/pages/admin/_header_.vue
+++ b/packages/frontend/src/pages/admin/_header_.vue
@@ -286,7 +286,7 @@ onUnmounted(() => {
bottom: 0;
height: 3px;
background: var(--accent);
- border-radius: 4px;
+ border-radius: 999px;
transition: all 0.2s ease;
pointer-events: none;
}
diff --git a/packages/frontend/src/pages/admin/index.vue b/packages/frontend/src/pages/admin/index.vue
index 42c2281971..72d10b341a 100644
--- a/packages/frontend/src/pages/admin/index.vue
+++ b/packages/frontend/src/pages/admin/index.vue
@@ -369,7 +369,7 @@ defineExpose({
display: block;
margin: auto;
height: 42px;
- border-radius: 5px;
+ border-radius: 8px;
}
}
}
diff --git a/packages/frontend/src/pages/admin/modlog.ModLog.vue b/packages/frontend/src/pages/admin/modlog.ModLog.vue
index d41834836c..9b599125ca 100644
--- a/packages/frontend/src/pages/admin/modlog.ModLog.vue
+++ b/packages/frontend/src/pages/admin/modlog.ModLog.vue
@@ -149,7 +149,7 @@ const props = defineProps<{
.diff {
background: #fff;
color: #000;
- border-radius: 5px;
+ border-radius: 6px;
overflow: clip;
}
diff --git a/packages/frontend/src/pages/admin/overview.federation.vue b/packages/frontend/src/pages/admin/overview.federation.vue
index 16bf6985ea..8705af169c 100644
--- a/packages/frontend/src/pages/admin/overview.federation.vue
+++ b/packages/frontend/src/pages/admin/overview.federation.vue
@@ -146,7 +146,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--accentedBg);
color: var(--accent);
- border-radius: 5px;
+ border-radius: 10px;
}
&.sub {
diff --git a/packages/frontend/src/pages/admin/overview.stats.vue b/packages/frontend/src/pages/admin/overview.stats.vue
index 580bfb780b..59b5540ea5 100644
--- a/packages/frontend/src/pages/admin/overview.stats.vue
+++ b/packages/frontend/src/pages/admin/overview.stats.vue
@@ -115,7 +115,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--accentedBg);
color: var(--accent);
- border-radius: 5px;
+ border-radius: 10px;
}
&.users {
diff --git a/packages/frontend/src/pages/admin/server-rules.vue b/packages/frontend/src/pages/admin/server-rules.vue
index af1caa87c1..bf9c6b0f48 100644
--- a/packages/frontend/src/pages/admin/server-rules.vue
+++ b/packages/frontend/src/pages/admin/server-rules.vue
@@ -104,7 +104,7 @@ definePageMetadata({
height: 28px;
align-items: center;
justify-content: center;
- border-radius: 4px;
+ border-radius: 999px;
margin-right: 8px;
}
@@ -119,7 +119,7 @@ definePageMetadata({
height: 40px;
color: var(--error);
margin-left: auto;
- border-radius: 5px;
+ border-radius: 6px;
&:hover {
background: var(--X5);
diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue
index 89127bd010..b11c2c3722 100644
--- a/packages/frontend/src/pages/channel.vue
+++ b/packages/frontend/src/pages/channel.vue
@@ -267,7 +267,7 @@ definePageMetadata(computed(() => channel ? {
padding: 8px 12px;
font-size: 80%;
background: rgba(0, 0, 0, 0.7);
- border-radius: 5px;
+ border-radius: 6px;
color: #fff;
}
@@ -282,7 +282,7 @@ definePageMetadata(computed(() => channel ? {
left: 16px;
background: rgba(0, 0, 0, 0.7);
color: var(--warn);
- border-radius: 5px;
+ border-radius: 6px;
font-weight: bold;
font-size: 1em;
padding: 4px 7px;
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.vue b/packages/frontend/src/pages/emoji-edit-dialog.vue
index abba31f1ff..8cea29fe6d 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.vue
+++ b/packages/frontend/src/pages/emoji-edit-dialog.vue
@@ -206,7 +206,7 @@ async function del() {
.imgContainer {
padding: 8px;
- border-radius: 5px;
+ border-radius: 6px;
}
.img {
diff --git a/packages/frontend/src/pages/emojis.emoji.vue b/packages/frontend/src/pages/emojis.emoji.vue
index 210a0fcf8f..fce652b599 100644
--- a/packages/frontend/src/pages/emojis.emoji.vue
+++ b/packages/frontend/src/pages/emojis.emoji.vue
@@ -61,7 +61,7 @@ function menu(ev) {
padding: 12px;
text-align: left;
background: var(--panel);
- border-radius: 5px;
+ border-radius: 8px;
&:hover {
border-color: var(--accent);
diff --git a/packages/frontend/src/pages/follow-requests.vue b/packages/frontend/src/pages/follow-requests.vue
index 1686718f2c..02487bf0bf 100644
--- a/packages/frontend/src/pages/follow-requests.vue
+++ b/packages/frontend/src/pages/follow-requests.vue
@@ -87,7 +87,7 @@ definePageMetadata(computed(() => ({
margin: 0 12px 0 0;
width: 42px;
height: 42px;
- border-radius: 5px;
+ border-radius: 8px;
}
> .body {
diff --git a/packages/frontend/src/pages/instance-info.vue b/packages/frontend/src/pages/instance-info.vue
index a3276dba6e..1bf21100f8 100644
--- a/packages/frontend/src/pages/instance-info.vue
+++ b/packages/frontend/src/pages/instance-info.vue
@@ -254,7 +254,7 @@ definePageMetadata({
display: block;
margin: 0 16px 0 0;
height: 64px;
- border-radius: 5px;
+ border-radius: 8px;
}
> .name {
diff --git a/packages/frontend/src/pages/invite.vue b/packages/frontend/src/pages/invite.vue
index 2c0ed41450..a72cf47b93 100644
--- a/packages/frontend/src/pages/invite.vue
+++ b/packages/frontend/src/pages/invite.vue
@@ -114,6 +114,6 @@ definePageMetadata({
width: 128px;
height: 128px;
margin-bottom: 16px;
- border-radius: 4px;
+ border-radius: 16px;
}
</style>
diff --git a/packages/frontend/src/pages/list.vue b/packages/frontend/src/pages/list.vue
index 9309ebc08f..38f454de85 100644
--- a/packages/frontend/src/pages/list.vue
+++ b/packages/frontend/src/pages/list.vue
@@ -141,7 +141,7 @@ definePageMetadata(computed(() => list ? {
width: 128px;
height: 128px;
margin-bottom: 16px;
- border-radius: 4px;
+ border-radius: 16px;
}
.button {
diff --git a/packages/frontend/src/pages/my-antennas/index.vue b/packages/frontend/src/pages/my-antennas/index.vue
index b1d92e42e8..74b5961263 100644
--- a/packages/frontend/src/pages/my-antennas/index.vue
+++ b/packages/frontend/src/pages/my-antennas/index.vue
@@ -74,7 +74,7 @@ onActivated(() => {
display: block;
padding: 16px;
border: solid 1px var(--divider);
- border-radius: 5px;
+ border-radius: 6px;
&:hover {
border: solid 1px var(--accent);
diff --git a/packages/frontend/src/pages/my-lists/index.vue b/packages/frontend/src/pages/my-lists/index.vue
index 01cd0d8aa9..c637e1ea25 100644
--- a/packages/frontend/src/pages/my-lists/index.vue
+++ b/packages/frontend/src/pages/my-lists/index.vue
@@ -84,7 +84,7 @@ onActivated(() => {
display: block;
padding: 16px;
border: solid 1px var(--divider);
- border-radius: 5px;
+ border-radius: 6px;
margin-bottom: 8px;
&:hover {
diff --git a/packages/frontend/src/pages/note.vue b/packages/frontend/src/pages/note.vue
index 7880e3361b..46e7e59308 100644
--- a/packages/frontend/src/pages/note.vue
+++ b/packages/frontend/src/pages/note.vue
@@ -148,7 +148,7 @@ definePageMetadata(computed(() => note ? {
.loadPrev {
min-width: 0;
margin: 0 auto;
- border-radius: 4px;
+ border-radius: 999px;
}
.loadNext {
diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.vue b/packages/frontend/src/pages/page-editor/page-editor.container.vue
index cb0af1d548..9ea7d7fd15 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.container.vue
+++ b/packages/frontend/src/pages/page-editor/page-editor.container.vue
@@ -63,7 +63,7 @@ function remove() {
overflow: hidden;
background: var(--panel);
border: solid 2px var(--X12);
- border-radius: 5px;
+ border-radius: 8px;
&:hover {
border: solid 2px var(--X13);
diff --git a/packages/frontend/src/pages/role.vue b/packages/frontend/src/pages/role.vue
index ec58203879..35b5d5af4e 100644
--- a/packages/frontend/src/pages/role.vue
+++ b/packages/frontend/src/pages/role.vue
@@ -104,7 +104,7 @@ definePageMetadata(computed(() => ({
width: 128px;
height: 128px;
margin-bottom: 16px;
- border-radius: 4px;
+ border-radius: 16px;
}
</style>
diff --git a/packages/frontend/src/pages/settings/apps.vue b/packages/frontend/src/pages/settings/apps.vue
index c06db27245..ad72018961 100644
--- a/packages/frontend/src/pages/settings/apps.vue
+++ b/packages/frontend/src/pages/settings/apps.vue
@@ -93,7 +93,7 @@ definePageMetadata({
margin: 0 12px 0 0;
width: 50px;
height: 50px;
- border-radius: 5px;
+ border-radius: 8px;
}
.appBody {
diff --git a/packages/frontend/src/pages/settings/drive-cleaner.vue b/packages/frontend/src/pages/settings/drive-cleaner.vue
index 791d76d1b4..d86b664cfe 100644
--- a/packages/frontend/src/pages/settings/drive-cleaner.vue
+++ b/packages/frontend/src/pages/settings/drive-cleaner.vue
@@ -152,7 +152,7 @@ definePageMetadata({
height: 12px;
background: rgba(0, 0, 0, 0.1);
overflow: clip;
- border-radius: 4px;
+ border-radius: 999px;
}
.meterValue {
diff --git a/packages/frontend/src/pages/settings/drive.vue b/packages/frontend/src/pages/settings/drive.vue
index 0c6effbaa2..95b4406ed1 100644
--- a/packages/frontend/src/pages/settings/drive.vue
+++ b/packages/frontend/src/pages/settings/drive.vue
@@ -148,12 +148,12 @@ definePageMetadata({
.meter {
height: 10px;
background: rgba(0, 0, 0, 0.1);
- border-radius: 4px;
+ border-radius: 999px;
overflow: clip;
}
.meterValue {
height: 100%;
- border-radius: 4px;
+ border-radius: 999px;
}
</style>
diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue
index c79e99cda7..9de33619ea 100644
--- a/packages/frontend/src/pages/settings/profile.vue
+++ b/packages/frontend/src/pages/settings/profile.vue
@@ -340,7 +340,7 @@ definePageMetadata({
background-size: cover;
background-position: center;
border: solid 1px var(--divider);
- border-radius: 5px;
+ border-radius: 10px;
overflow: clip;
}
diff --git a/packages/frontend/src/pages/settings/reaction.vue b/packages/frontend/src/pages/settings/reaction.vue
index 12d37c9da2..83ed4ab605 100644
--- a/packages/frontend/src/pages/settings/reaction.vue
+++ b/packages/frontend/src/pages/settings/reaction.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_m">
<FromSlot>
<template #label>{{ i18n.ts.reactionSettingDescription }}</template>
- <div v-panel style="border-radius: 5px;">
+ <div v-panel style="border-radius: 6px;">
<Sortable v-model="reactions" :class="$style.reactions" :itemKey="item => item" :animation="150" :delay="100" :delayOnTouchOnly="true">
<template #item="{element}">
<button class="_button" :class="$style.reactionsItem" @click="remove(element, $event)">
diff --git a/packages/frontend/src/pages/settings/theme.vue b/packages/frontend/src/pages/settings/theme.vue
index 1f67d37855..a4926c703e 100644
--- a/packages/frontend/src/pages/settings/theme.vue
+++ b/packages/frontend/src/pages/settings/theme.vue
@@ -172,7 +172,7 @@ definePageMetadata({
<style lang="scss" scoped>
.rfqxtzch {
- border-radius: 5px;
+ border-radius: 6px;
> .toggle {
position: relative;
diff --git a/packages/frontend/src/pages/theme-editor.vue b/packages/frontend/src/pages/theme-editor.vue
index 80a5946180..b71252551e 100644
--- a/packages/frontend/src/pages/theme-editor.vue
+++ b/packages/frontend/src/pages/theme-editor.vue
@@ -244,7 +244,7 @@ definePageMetadata({
position: relative;
width: 64px;
height: 64px;
- border-radius: 5px;
+ border-radius: 8px;
> .preview {
position: absolute;
@@ -271,10 +271,10 @@ definePageMetadata({
}
&.rounded {
- border-radius: 4px;
+ border-radius: 999px;
> .preview {
- border-radius: 4px;
+ border-radius: 999px;
}
}
diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
index cf170e79d9..282d40bcca 100644
--- a/packages/frontend/src/pages/user/home.vue
+++ b/packages/frontend/src/pages/user/home.vue
@@ -425,7 +425,7 @@ onUnmounted(() => {
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
- border-radius: 5px;
+ border-radius: 6px;
}
> .actions {
@@ -532,7 +532,7 @@ onUnmounted(() => {
> .role {
border: solid 1px var(--color, var(--divider));
- border-radius: 4px;
+ border-radius: 999px;
margin-right: 4px;
padding: 3px 8px;
}
@@ -547,7 +547,7 @@ onUnmounted(() => {
background: transparent;
color: var(--fg);
border: 1px solid var(--divider);
- border-radius: 5px;
+ border-radius: 8px;
padding: 8px;
line-height: 0;
@@ -755,9 +755,10 @@ onUnmounted(() => {
padding: calc(var(--margin) / 2) 0;
background: color-mix(in srgb, var(--bg) 65%, transparent);
backdrop-filter: var(--blur, blur(15px));
- border-radius: 5px;
+ border-radius: 8px;
+
> button {
- border-radius: 5px;
+ border-radius: 8px;
margin-left: 0.4rem;
margin-right: 0.4rem;
}
diff --git a/packages/frontend/src/pages/user/index.files.vue b/packages/frontend/src/pages/user/index.files.vue
index 2049b8b920..61d402b826 100644
--- a/packages/frontend/src/pages/user/index.files.vue
+++ b/packages/frontend/src/pages/user/index.files.vue
@@ -89,7 +89,7 @@ onMounted(() => {
.img {
height: 128px;
- border-radius: 5px;
+ border-radius: 6px;
overflow: clip;
}
diff --git a/packages/frontend/src/pages/user/lists.vue b/packages/frontend/src/pages/user/lists.vue
index 474237f018..4b9c5cbf8f 100644
--- a/packages/frontend/src/pages/user/lists.vue
+++ b/packages/frontend/src/pages/user/lists.vue
@@ -45,7 +45,7 @@ const pagination = {
display: block;
padding: 16px;
border: solid 1px var(--divider);
- border-radius: 5px;
+ border-radius: 6px;
margin-bottom: 8px;
&:hover {
diff --git a/packages/frontend/src/pages/welcome.entrance.a.vue b/packages/frontend/src/pages/welcome.entrance.a.vue
index 665dbed7b9..d446b198d1 100644
--- a/packages/frontend/src/pages/welcome.entrance.a.vue
+++ b/packages/frontend/src/pages/welcome.entrance.a.vue
@@ -155,7 +155,7 @@ os.apiGet('federation/instances', {
background: var(--acrylicPanel);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
- border-radius: 4px;
+ border-radius: 999px;
overflow: clip;
width: 800px;
padding: 8px 0;
@@ -175,14 +175,14 @@ os.apiGet('federation/instances', {
padding: 6px 12px 6px 6px;
margin: 0 10px 0 0;
background: var(--panel);
- border-radius: 4px;
+ border-radius: 999px;
> :global(.icon) {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
- border-radius: 4px;
+ border-radius: 999px;
}
}
</style>
diff --git a/packages/frontend/src/pages/welcome.timeline.vue b/packages/frontend/src/pages/welcome.timeline.vue
index 823f713d39..1b1f20cc7a 100644
--- a/packages/frontend/src/pages/welcome.timeline.vue
+++ b/packages/frontend/src/pages/welcome.timeline.vue
@@ -88,7 +88,7 @@ onUpdated(() => {
padding: 16px;
margin: 0 0 0 auto;
max-width: max-content;
- border-radius: 4px;
+ border-radius: 16px;
}
.richcontent {
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
index 4d0b3a8beb..436afc2b9a 100644
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -404,7 +404,7 @@ hr {
vertical-align: bottom;
height: 128px;
margin-bottom: 16px;
- border-radius: 4px;
+ border-radius: 16px;
}
}
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
index 9ad3cf8b2c..f85b2945e9 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
@@ -149,7 +149,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
- border-radius: 4px;
+ border-radius: 999px;
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
@@ -236,7 +236,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
- border-radius: 4px;
+ border-radius: 999px;
background: var(--accentedBg);
}
}
diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
index 33c91f12df..934caf09b7 100644
--- a/packages/frontend/src/ui/_common_/navbar.vue
+++ b/packages/frontend/src/ui/_common_/navbar.vue
@@ -202,7 +202,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
- border-radius: 4px;
+ border-radius: 999px;
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
@@ -296,7 +296,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
- border-radius: 4px;
+ border-radius: 999px;
background: var(--accentedBg);
}
}
@@ -457,7 +457,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
- border-radius: 4px;
+ border-radius: 999px;
background: var(--accentedBg);
}
diff --git a/packages/frontend/src/ui/_common_/notification.vue b/packages/frontend/src/ui/_common_/notification.vue
index 4ca900ff12..dfc1f83960 100644
--- a/packages/frontend/src/ui/_common_/notification.vue
+++ b/packages/frontend/src/ui/_common_/notification.vue
@@ -22,7 +22,7 @@ defineProps<{
<style lang="scss" module>
.root {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
- border-radius: 5px;
+ border-radius: 8px;
overflow: clip;
contain: content;
}
diff --git a/packages/frontend/src/ui/_common_/upload.vue b/packages/frontend/src/ui/_common_/upload.vue
index 676dd1d542..3365571a14 100644
--- a/packages/frontend/src/ui/_common_/upload.vue
+++ b/packages/frontend/src/ui/_common_/upload.vue
@@ -40,7 +40,7 @@ const zIndex = os.claimZIndex('high');
padding: 16px 20px;
pointer-events: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
- border-radius: 5px;
+ border-radius: 8px;
}
.mk-uploader:empty {
display: none;
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue
index 82505ee145..d6aec598da 100644
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -255,7 +255,7 @@ function onDrop(ev) {
height: 100%;
overflow: clip;
contain: strict;
- border-radius: 5px;
+ border-radius: 10px;
&.draghover {
&:after {
@@ -356,7 +356,7 @@ function onDrop(ev) {
width: 3px;
height: calc(100% - 24px);
background: var(--accent);
- border-radius: 4px;
+ border-radius: 999px;
}
.tabShape {
diff --git a/packages/frontend/src/ui/visitor.vue b/packages/frontend/src/ui/visitor.vue
index d7aa874712..5d083a55c1 100644
--- a/packages/frontend/src/ui/visitor.vue
+++ b/packages/frontend/src/ui/visitor.vue
@@ -276,7 +276,7 @@ defineExpose({
padding: 10px;
box-sizing: border-box;
text-align: center;
- border-radius: 4px;
+ border-radius: 999px;
&._button {
background: var(--panel);
diff --git a/packages/frontend/src/widgets/WidgetCalendar.vue b/packages/frontend/src/widgets/WidgetCalendar.vue
index ea2c54af6f..7fabd09a24 100644
--- a/packages/frontend/src/widgets/WidgetCalendar.vue
+++ b/packages/frontend/src/widgets/WidgetCalendar.vue
@@ -208,7 +208,7 @@ defineExpose<WidgetComponentExpose>({
width: 100%;
overflow: hidden;
background: var(--X11);
- border-radius: 5px;
+ border-radius: 8px;
}
.meterVal {
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.vue b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
index 0ad4189245..ff4a1b46c0 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.vue
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
@@ -66,7 +66,7 @@ defineExpose<WidgetComponentExpose>({
display: inline-block;
width: 60px;
height: 60px;
- border-radius: 5px;
+ border-radius: 8px;
box-sizing: border-box;
border: solid 3px #fff;
}
diff --git a/packages/frontend/src/widgets/WidgetPhotos.vue b/packages/frontend/src/widgets/WidgetPhotos.vue
index fd11bb3ccb..2032bc8e46 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.vue
+++ b/packages/frontend/src/widgets/WidgetPhotos.vue
@@ -101,7 +101,7 @@ defineExpose<WidgetComponentExpose>({
.img {
border: solid 4px transparent;
- border-radius: 5px;
+ border-radius: 8px;
}
}