Top buttons in Karax.
This commit is contained in:
parent
9e61224b2c
commit
a88f879d36
1 changed files with 19 additions and 1 deletions
|
|
@ -6,7 +6,7 @@ proc genHeader(): VNode =
|
||||||
tdiv(class="navbar container grid-xl"):
|
tdiv(class="navbar container grid-xl"):
|
||||||
section(class="navbar-section"):
|
section(class="navbar-section"):
|
||||||
a(href="/"):
|
a(href="/"):
|
||||||
img(src="images/crown.png", id="img-logo") # TODO: Customisable.
|
img(src="images/crown.png", id="img-logo") # TODO: Customisation.
|
||||||
section(class="navbar-section"):
|
section(class="navbar-section"):
|
||||||
tdiv(class="input-group input-inline"):
|
tdiv(class="input-group input-inline"):
|
||||||
input(class="form-input input-sm", `type`="text", placeholder="search")
|
input(class="form-input input-sm", `type`="text", placeholder="search")
|
||||||
|
|
@ -17,8 +17,26 @@ proc genHeader(): VNode =
|
||||||
italic(class="fas fa-sign-in-alt")
|
italic(class="fas fa-sign-in-alt")
|
||||||
text " Log in"
|
text " Log in"
|
||||||
|
|
||||||
|
proc genTopButtons(): VNode =
|
||||||
|
result = buildHtml():
|
||||||
|
section(class="navbar container grid-xl", id="main-buttons"):
|
||||||
|
section(class="navbar-section"):
|
||||||
|
tdiv(class="dropdown"):
|
||||||
|
a(href="#", class="btn dropdown-toggle"):
|
||||||
|
text "Filter "
|
||||||
|
italic(class="fas fa-caret-down")
|
||||||
|
ul(class="menu"):
|
||||||
|
li: text "community"
|
||||||
|
li: text "dev"
|
||||||
|
button(class="btn btn-primary"): text "Latest"
|
||||||
|
button(class="btn btn-link"): text "Most Active"
|
||||||
|
button(class="btn btn-link"): text "Categories"
|
||||||
|
section(class="navbar-section")
|
||||||
|
|
||||||
|
|
||||||
proc createDom(): VNode =
|
proc createDom(): VNode =
|
||||||
result = buildHtml(tdiv()):
|
result = buildHtml(tdiv()):
|
||||||
genHeader()
|
genHeader()
|
||||||
|
genTopButtons()
|
||||||
|
|
||||||
setRenderer createDom
|
setRenderer createDom
|
||||||
Loading…
Add table
Add a link
Reference in a new issue