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;
}
@container (max-width: 500px) {
@container (max-width: 580px) {
.root {
font-size: 0.9em;
font-size: 0.95em;
}
.renote {
padding: 12px 26px 0 26px;
}
.article {
padding: 24px 26px 14px;
}
.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 {
padding: 8px 16px 0 16px;
}
@ -701,7 +723,9 @@ function showReactions(): void {
.article {
padding: 14px 16px 9px;
}
}
@container (max-width: 450px) {
.avatar {
margin: 0 10px 8px 0;
width: 46px;
@ -710,7 +734,7 @@ function showReactions(): void {
}
}
@container (max-width: 350px) {
@container (max-width: 400px) {
.footerButton {
&:not(:last-child) {
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) {
.avatar {
width: 44px;
@ -726,7 +758,7 @@ function showReactions(): void {
.footerButton {
&:not(:last-child) {
margin-right: 12px;
margin-right: 8px;
}
}
}