Small mobile layout tweaks
This commit is contained in:
parent
f85085c34f
commit
6b4607e4f9
7 changed files with 35 additions and 33 deletions
|
|
@ -1,37 +1,35 @@
|
|||
@layer components {
|
||||
.h-feed {
|
||||
.note {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid var(--clr-border);
|
||||
border-radius: var(--border-radius);
|
||||
padding: 1ex 2ex;
|
||||
.note {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid var(--clr-border);
|
||||
border-radius: var(--border-radius);
|
||||
padding: 1ex 2ex;
|
||||
|
||||
.e-content > p:first-child {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
.syndication-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1ex;
|
||||
|
||||
svg {
|
||||
border-radius: 4px;
|
||||
width: auto;
|
||||
height: 1lh;
|
||||
}
|
||||
}
|
||||
.e-content > p:first-child {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
.reply-to {
|
||||
font-size: 85%;
|
||||
margin-inline: 2ex;
|
||||
padding-inline: 1ex;
|
||||
border: 1px solid var(--clr-border);
|
||||
border-bottom: none;
|
||||
border-top-left-radius: var(--border-radius);
|
||||
border-top-right-radius: var(--border-radius);
|
||||
.syndication-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1ex;
|
||||
|
||||
svg {
|
||||
border-radius: 4px;
|
||||
width: auto;
|
||||
height: 1lh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reply-to {
|
||||
font-size: 85%;
|
||||
margin-inline: 2ex;
|
||||
padding-inline: 1ex;
|
||||
border: 1px solid var(--clr-border);
|
||||
border-bottom: none;
|
||||
border-top-left-radius: var(--border-radius);
|
||||
border-top-right-radius: var(--border-radius);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue