Fix tab width on mobile

This commit is contained in:
Zed 2019-09-20 15:48:14 +02:00
parent 2effa08c32
commit cd16ad8086
2 changed files with 5 additions and 1 deletions

View file

@ -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 {

View file

@ -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"