121 lines
2.9 KiB
HTML
121 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>ShareDAV</title>
|
||
<style>
|
||
thead {
|
||
font-weight: bold;
|
||
}
|
||
|
||
input[type="submit"],
|
||
input[type="button"] {
|
||
padding: .5em;
|
||
border-radius: .5em;
|
||
border: 0;
|
||
background-color: #c4e1ff;
|
||
font-weight: bold;
|
||
font-size: small;
|
||
}
|
||
|
||
input[type="submit"].delete {
|
||
background-color: #e56f83;
|
||
}
|
||
|
||
input[type="submit"] {
|
||
background-color: #a9ca97;
|
||
}
|
||
|
||
a:before {
|
||
content: "› ";
|
||
color: gray;
|
||
}
|
||
|
||
a, a:visited, a:hover, a:active, a:focus {
|
||
/* font-style: normal; */
|
||
text-decoration: none;
|
||
color: black;
|
||
}
|
||
|
||
#content {
|
||
float: right;
|
||
width: calc(100% - 20px);
|
||
/* background-color: #F0F0F0; */
|
||
/* border-radius: 1em; */
|
||
/* padding: 10px; */
|
||
/* height: calc(100vh - 40px);*/
|
||
}
|
||
|
||
#menu {
|
||
float: left;
|
||
width: 150px;
|
||
margin-left: -185px;
|
||
background-color: #CCCCCC;
|
||
border-radius: .5em;
|
||
padding: 10px;
|
||
height: calc(100vh - 40px);
|
||
}
|
||
|
||
#menu span {
|
||
display: block;
|
||
margin-bottom: .5em;
|
||
}
|
||
|
||
#menu hr {
|
||
border: 1px solid gray;
|
||
}
|
||
|
||
.dialog, .error {
|
||
left: 50%;
|
||
top: 50%;
|
||
position: absolute;
|
||
transform: translate(-50%, -50%);
|
||
border: solid lightgrey;
|
||
padding: 1em;
|
||
border-radius: .5em;
|
||
}
|
||
|
||
.dialog label {
|
||
display: flex;
|
||
margin-bottom: 1em;
|
||
align-items: center;
|
||
}
|
||
|
||
.form-content {
|
||
display: grid;
|
||
grid-gap : 20px;
|
||
grid-template-columns: 100px 1fr;
|
||
}
|
||
.form-controls {
|
||
margin-top: 1em;
|
||
text-align: right;
|
||
}
|
||
|
||
body {
|
||
font-family: sans-serif;
|
||
margin-left: 200px
|
||
}
|
||
</style>
|
||
{{ block "page-styles" . }}{{ end }}
|
||
</head>
|
||
<body>
|
||
<div id="content">
|
||
{{ block "page-content" . }}{{ end }}
|
||
</div>
|
||
<div id="menu">
|
||
<span style="font-weight: bold;"><a href="./">ShareDAV</a></span>
|
||
{{ if .SessionUser }}
|
||
{{ if eq .SessionUser.Role "admin" }}
|
||
<hr/>
|
||
<span><a href="users">Users</a></span>
|
||
<span><a href="shares">Shares</a></span>
|
||
{{ end }}
|
||
<hr/>
|
||
<span><a href="my-shares">My Shares</a></span>
|
||
<hr/>
|
||
<span><a href="logout">Logout</a></span>
|
||
{{ end }}
|
||
</div>
|
||
<div style="clear: both;"></div>
|
||
</body>
|
||
</html> |