prototype: decreased rounding
This commit is contained in:
Insert5StarName
parent
a782aa5b0e
commit
7a51e2d404
93 changed files with 142 additions and 142 deletions
|
|
@ -82,6 +82,6 @@ definePageMetadata({
|
|||
vertical-align: bottom;
|
||||
height: 128px;
|
||||
margin-bottom: 24px;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -206,7 +206,7 @@ definePageMetadata({
|
|||
display: block;
|
||||
width: 80px;
|
||||
margin: 0 auto;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
@ -256,7 +256,7 @@ definePageMetadata({
|
|||
align-items: center;
|
||||
padding: 12px;
|
||||
background: var(--buttonBg);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
|
|
@ -289,7 +289,7 @@ definePageMetadata({
|
|||
align-items: center;
|
||||
padding: 12px;
|
||||
background: var(--buttonBg);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.patronIcon {
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@ definePageMetadata(computed(() => ({
|
|||
<style lang="scss" module>
|
||||
.banner {
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
overflow: clip;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
|
|
@ -174,7 +174,7 @@ definePageMetadata(computed(() => ({
|
|||
display: block;
|
||||
margin: 16px auto 0 auto;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bannerName {
|
||||
|
|
@ -213,7 +213,7 @@ definePageMetadata(computed(() => ({
|
|||
font-weight: bold;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -528,7 +528,7 @@ definePageMetadata(computed(() => ({
|
|||
> .suspended, > .silenced, > .moderator {
|
||||
display: inline-block;
|
||||
border: solid 1px;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
padding: 2px 6px;
|
||||
font-size: 85%;
|
||||
}
|
||||
|
|
@ -608,7 +608,7 @@ definePageMetadata(computed(() => ({
|
|||
.announcementItem {
|
||||
display: flex;
|
||||
padding: 8px 12px;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -286,7 +286,7 @@ onUnmounted(() => {
|
|||
bottom: 0;
|
||||
height: 3px;
|
||||
background: var(--accent);
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -344,7 +344,7 @@ defineExpose({
|
|||
display: block;
|
||||
margin: auto;
|
||||
height: 42px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ const props = defineProps<{
|
|||
.diff {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
overflow: clip;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@ onMounted(async () => {
|
|||
margin-right: 12px;
|
||||
background: var(--accentedBg);
|
||||
color: var(--accent);
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
&.sub {
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ onMounted(async () => {
|
|||
margin-right: 12px;
|
||||
background: var(--accentedBg);
|
||||
color: var(--accent);
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
&.users {
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ definePageMetadata({
|
|||
height: 28px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
|
|
@ -119,7 +119,7 @@ definePageMetadata({
|
|||
height: 40px;
|
||||
color: var(--error);
|
||||
margin-left: auto;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
background: var(--X5);
|
||||
|
|
|
|||
|
|
@ -268,7 +268,7 @@ definePageMetadata(computed(() => channel ? {
|
|||
padding: 8px 12px;
|
||||
font-size: 80%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -283,7 +283,7 @@ definePageMetadata(computed(() => channel ? {
|
|||
left: 16px;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
color: var(--warn);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
padding: 4px 7px;
|
||||
|
|
|
|||
|
|
@ -206,7 +206,7 @@ async function del() {
|
|||
|
||||
.imgContainer {
|
||||
padding: 8px;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.img {
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ function menu(ev) {
|
|||
padding: 12px;
|
||||
text-align: left;
|
||||
background: var(--panel);
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--accent);
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ definePageMetadata(computed(() => ({
|
|||
margin: 0 12px 0 0;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
> .body {
|
||||
|
|
|
|||
|
|
@ -242,7 +242,7 @@ definePageMetadata({
|
|||
display: block;
|
||||
margin: 0 16px 0 0;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
> .name {
|
||||
|
|
|
|||
|
|
@ -114,6 +114,6 @@ definePageMetadata({
|
|||
width: 128px;
|
||||
height: 128px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -141,7 +141,7 @@ definePageMetadata(computed(() => list ? {
|
|||
width: 128px;
|
||||
height: 128px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.button {
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@ onActivated(() => {
|
|||
display: block;
|
||||
padding: 16px;
|
||||
border: solid 1px var(--divider);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
border: solid 1px var(--accent);
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ onActivated(() => {
|
|||
display: block;
|
||||
padding: 16px;
|
||||
border: solid 1px var(--divider);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -141,7 +141,7 @@ definePageMetadata(computed(() => note ? {
|
|||
.loadPrev {
|
||||
min-width: 0;
|
||||
margin: 0 auto;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.loadNext {
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ function remove() {
|
|||
overflow: hidden;
|
||||
background: var(--panel);
|
||||
border: solid 2px var(--X12);
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
border: solid 2px var(--X13);
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ definePageMetadata(computed(() => ({
|
|||
width: 128px;
|
||||
height: 128px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@ definePageMetadata({
|
|||
margin: 0 12px 0 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.appBody {
|
||||
|
|
|
|||
|
|
@ -152,7 +152,7 @@ definePageMetadata({
|
|||
height: 12px;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
overflow: clip;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.meterValue {
|
||||
|
|
|
|||
|
|
@ -148,12 +148,12 @@ definePageMetadata({
|
|||
.meter {
|
||||
height: 10px;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
.meterValue {
|
||||
height: 100%;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -267,7 +267,7 @@ definePageMetadata({
|
|||
background-size: cover;
|
||||
background-position: center;
|
||||
border: solid 1px var(--divider);
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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: 6px;">
|
||||
<div v-panel style="border-radius: 5px;">
|
||||
<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)">
|
||||
|
|
|
|||
|
|
@ -172,7 +172,7 @@ definePageMetadata({
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.rfqxtzch {
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
|
||||
> .toggle {
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -244,7 +244,7 @@ definePageMetadata({
|
|||
position: relative;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
> .preview {
|
||||
position: absolute;
|
||||
|
|
@ -271,10 +271,10 @@ definePageMetadata({
|
|||
}
|
||||
|
||||
&.rounded {
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
|
||||
> .preview {
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -385,7 +385,7 @@ onUnmounted(() => {
|
|||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
font-size: 0.7em;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
|
|
@ -492,7 +492,7 @@ onUnmounted(() => {
|
|||
|
||||
> .role {
|
||||
border: solid 1px var(--color, var(--divider));
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
margin-right: 4px;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
|
|
@ -507,7 +507,7 @@ onUnmounted(() => {
|
|||
background: transparent;
|
||||
color: var(--fg);
|
||||
border: 1px solid var(--divider);
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
padding: 8px;
|
||||
line-height: 0;
|
||||
|
||||
|
|
@ -713,9 +713,9 @@ onUnmounted(() => {
|
|||
margin: calc(var(--margin) / 2) 0;
|
||||
padding: calc(var(--margin) / 2) 0;
|
||||
background: var(--bg);
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
> button {
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
margin-left: 0.4rem;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@ onMounted(() => {
|
|||
|
||||
.img {
|
||||
height: 128px;
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ const pagination = {
|
|||
display: block;
|
||||
padding: 16px;
|
||||
border: solid 1px var(--divider);
|
||||
border-radius: 6px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -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: 999px;
|
||||
border-radius: 4px;
|
||||
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: 999px;
|
||||
border-radius: 4px;
|
||||
|
||||
> :global(.icon) {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
border-radius: 999px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@ onUpdated(() => {
|
|||
padding: 16px;
|
||||
margin: 0 0 0 auto;
|
||||
max-width: max-content;
|
||||
border-radius: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.richcontent {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue