SWREI/switched
0
0
Fork 0
Code

🎨

Browse Source
This commit is contained in:
syuilo 2023-02-25 17:49:54 +09:00
parent e7a1046b87
commit 86eab355c6
1 changed files with 37 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/frontend/src/components/MkNote.vue
View File

@ -673,9 +673,17 @@ function showReactions(): void {
opacity: 0.7; opacity: 0.7;
} }
@container (max-width: 500px) { @container (max-width: 580px) {
.root { .root {
font-size: 0.9em; font-size: 0.95em;
}
.renote {
padding: 12px 26px 0 26px;
}
.article {
padding: 24px 26px 14px;
} }
.avatar { .avatar {
@ -684,7 +692,21 @@ function showReactions(): void {
} }
} }
@container (max-width: 450px) { @container (max-width: 500px) {
.root {
font-size: 0.9em;
}
.renote {
padding: 10px 22px 0 22px;
}
.article {
padding: 20px 22px 12px;
}
}
@container (max-width: 480px) {
.renote { .renote {
padding: 8px 16px 0 16px; padding: 8px 16px 0 16px;
} }
@ -701,7 +723,9 @@ function showReactions(): void {
.article { .article {
padding: 14px 16px 9px; padding: 14px 16px 9px;
} }
}
@container (max-width: 450px) {
.avatar { .avatar {
margin: 0 10px 8px 0; margin: 0 10px 8px 0;
width: 46px; width: 46px;
@ -710,7 +734,7 @@ function showReactions(): void {
} }
} }
@container (max-width: 350px) { @container (max-width: 400px) {
.footerButton { .footerButton {
&:not(:last-child) { &:not(:last-child) {
margin-right: 18px; margin-right: 18px;
@ -718,6 +742,14 @@ function showReactions(): void {
} }
} }
@container (max-width: 350px) {
.footerButton {
&:not(:last-child) {
margin-right: 12px;
}
}
}
@container (max-width: 300px) { @container (max-width: 300px) {
.avatar { .avatar {
width: 44px; width: 44px;
@ -726,7 +758,7 @@ function showReactions(): void {
.footerButton { .footerButton {
&:not(:last-child) { &:not(:last-child) {
margin-right: 12px; margin-right: 8px;
} }
} }
} }