1
0

prototype: decreased rounding

This commit is contained in:
Insert5StarName
2023-10-01 01:20:20 +02:00
parent a782aa5b0e
commit 7a51e2d404
93 changed files with 142 additions and 142 deletions
+1 -1
View File
@@ -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 {
+3 -3
View File
@@ -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;
}
}
+2 -2
View File
@@ -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;
}
+1 -1
View File
@@ -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);
+2 -2
View File
@@ -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 {
+1 -1
View File
@@ -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 {
+1 -1
View File
@@ -114,6 +114,6 @@ definePageMetadata({
width: 128px;
height: 128px;
margin-bottom: 16px;
border-radius: 16px;
border-radius: 4px;
}
</style>
+1 -1
View File
@@ -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 {
+1 -1
View File
@@ -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);
+1 -1
View File
@@ -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;
+3 -3
View File
@@ -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;
}
}
+5 -5
View File
@@ -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;
}
+1 -1
View File
@@ -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 {