Port the web to bootstrap5
So it is responsive in phones.
This commit is contained in:
parent
8af2ad3758
commit
6a3da59c75
40 changed files with 1131 additions and 849 deletions
|
@ -2,35 +2,70 @@
|
|||
|
||||
<h4>Dashboard</h4>
|
||||
|
||||
<div class="row">
|
||||
<div class="span8 offset2">
|
||||
<ul class="nav nav-tabs nav-stacked">
|
||||
{{if eq .S.Role "admin" "moderator"}}
|
||||
<li><a href="/submission/moderate/"><i class="icon-book"></i> Moderate submissions</a></li>
|
||||
{{if eq .S.Role "admin"}}
|
||||
<li><a href="/news/edit"><i class="icon-certificate"></i> Edit news</a></li>
|
||||
{{end}}
|
||||
<li class="divider"></li>
|
||||
{{end}}
|
||||
<li><a href="/submission/"><i class="icon-folder-open"></i> Submissions</a></li>
|
||||
<li><a href="/settings/"><i class="icon-wrench"></i> Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="/logout/"><i class="icon-off"></i> Log Out</a></li>
|
||||
</ul>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-8">
|
||||
<ul class="nav flex-column">
|
||||
{{if eq .S.Role "admin" "moderator"}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/submission/moderate/">
|
||||
<svg class="bi" width="1em" height="1em" fill="currentColor">
|
||||
<use xlink:href="/img/bootstrap-icons.svg#journal-check"/>
|
||||
</svg>
|
||||
Moderate submissions
|
||||
</a>
|
||||
</li>
|
||||
{{if eq .S.Role "admin"}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/news/edit">
|
||||
<svg class="bi" width="1em" height="1em" fill="currentColor">
|
||||
<use xlink:href="/img/bootstrap-icons.svg#newspaper"/>
|
||||
</svg>
|
||||
Edit news
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/submission/">
|
||||
<svg class="bi" width="1em" height="1em" fill="currentColor">
|
||||
<use xlink:href="/img/bootstrap-icons.svg#journal-arrow-up"/>
|
||||
</svg>
|
||||
Submissions
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/settings/">
|
||||
<svg class="bi" width="1em" height="1em" fill="currentColor">
|
||||
<use xlink:href="/img/bootstrap-icons.svg#gear"/>
|
||||
</svg>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/logout/">
|
||||
<svg class="bi" width="1em" height="1em" fill="currentColor">
|
||||
<use xlink:href="/img/bootstrap-icons.svg#power"/>
|
||||
</svg>
|
||||
Log Out
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{if .Lists}}
|
||||
<br />
|
||||
<h4>My book lists</h4>
|
||||
<div class="row">
|
||||
<div class="span8 offset2">
|
||||
<ul class="nav nav-tabs nav-stacked">
|
||||
{{range .Lists}}
|
||||
<li><a href="/list/{{.ListID}}">{{.Title}} ({{len .Books}})</a></li>
|
||||
{{end}}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-8">
|
||||
<ul class="nav flex-column">
|
||||
{{range .Lists}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/list/{{.ListID}}">{{.Title}} ({{len .Books}})</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
|
|
Reference in a new issue