Fix tab width on mobile
This commit is contained in:
parent
2effa08c32
commit
cd16ad8086
2 changed files with 5 additions and 1 deletions
|
@ -62,6 +62,10 @@
|
||||||
border-bottom-color: $accent;
|
border-bottom-color: $accent;
|
||||||
color: $accent;
|
color: $accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.wide {
|
||||||
|
flex-grow: 1.2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline-footer {
|
.timeline-footer {
|
||||||
|
|
|
@ -38,7 +38,7 @@ proc renderProfileTabs*(query: Query; username: string): VNode =
|
||||||
buildHtml(ul(class="tab")):
|
buildHtml(ul(class="tab")):
|
||||||
li(class=query.getTabClass(posts)):
|
li(class=query.getTabClass(posts)):
|
||||||
a(href=link): text "Tweets"
|
a(href=link): text "Tweets"
|
||||||
li(class=query.getTabClass(replies)):
|
li(class=(query.getTabClass(replies) & " wide")):
|
||||||
a(href=(link & "/replies")): text "Tweets & Replies"
|
a(href=(link & "/replies")): text "Tweets & Replies"
|
||||||
li(class=query.getTabClass(media)):
|
li(class=query.getTabClass(media)):
|
||||||
a(href=(link & "/media")): text "Media"
|
a(href=(link & "/media")): text "Media"
|
||||||
|
|
Loading…
Reference in a new issue