yume/paricafe
1
0
Fork 0
mirror of https://github.com/paricafe/misskey.git synced 2024-11-24 12:56:43 -06:00
Code Issues Projects Releases Packages Wiki Activity

tweak MkNoteDeatiled footerButton

Browse source
This commit is contained in:
fly_mc 2024-10-19 21:55:10 +08:00
parent ad2c3ddfa3
commit eb00d0682a
1 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
packages/frontend/src/components/MkNoteDetailed.vue
View file

@ -977,6 +977,16 @@ onMounted(() => {
border-color: var(--MI_THEME-accent);
}
.footerButton {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
margin-top: 0.4em;
max-width: 400px;
}
@container (max-width: 500px) {
.root {
font-size: 0.9em;
@ -998,10 +1008,18 @@ onMounted(() => {
}
}
@container (max-width: 400px) {
.footerButton {
&:not(:last-child) {
margin-right: 0.2em;
}
}
}
@container (max-width: 350px) {
.footerButton {
&:not(:last-child) {
margin-right: 18px;
margin-right: 0.1em;
}
}
}
@ -1018,7 +1036,7 @@ onMounted(() => {
.footerButton {
&:not(:last-child) {
margin-right: 12px;
margin-right: 0.1em;
}
}
}
@ -1028,14 +1046,4 @@ onMounted(() => {
text-align: center;
opacity: 0.7;
}
.footer {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
margin-top: 0.4em;
max-width: 400px;
}
</style>