meissa/dda-masto-embed
6
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Style and responsiveness tweaks

Browse source
This commit is contained in:
erik 2024-05-16 14:46:22 +02:00
parent b8cbac40f6
commit 52c4574a3b
2 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
public/post-container.css
View file

@ -33,6 +33,7 @@
width: auto;
max-height: 60px;
object-fit: contain;
align-self: center;
}
.mastodon-post-names {
@ -48,16 +49,20 @@
.display-name {
grid-area: dp-name;
align-self: end;
text-decoration: none;
color: inherit;
}
.account-name {
grid-area: ac-name;
align-self: start;
text-decoration: none;
color: inherit;
}
}
.mastodon-post-date {
font-size: 0.95vw;
font-size: 85%;
grid-area: date;
justify-self: end;
align-self: center;
@ -191,7 +196,7 @@
}
@media screen and (max-width: 575px) {
font-size: 2vw;
font-size: 2.1vw;
}
@media screen and (min-width: 576px) {
@ -214,4 +219,8 @@
font-size: 1.1vw;
}
@media screen and (min-width: 2004px) {
font-size: 1vw;
}
}

13
src/main/dda/masto_embed/resources/post-container.scss
View file

@ -33,6 +33,7 @@
width: auto;
max-height: 60px;
object-fit: contain;
align-self: center;
}
.mastodon-post-names {
@ -48,16 +49,20 @@
.display-name {
grid-area: dp-name;
align-self: end;
text-decoration: none;
color: inherit;
}
.account-name {
grid-area: ac-name;
align-self: start;
text-decoration: none;
color: inherit;
}
}
.mastodon-post-date {
font-size: 0.95vw;
font-size: 85%;
grid-area: date;
justify-self: end;
align-self: center;
@ -191,7 +196,7 @@
}
@media screen and (max-width: 575px) {
font-size: 2vw;
font-size: 2.1vw;
}
@media screen and (min-width: 576px) {
@ -214,4 +219,8 @@
font-size: 1.1vw;
}
@media screen and (min-width: 2004px) {
font-size: 1vw;
}
}