diff --git a/filed/static/paint.css b/filed/static/paint.css
index 74ac26c..17d5913 100644
--- a/filed/static/paint.css
+++ b/filed/static/paint.css
@@ -33,6 +33,8 @@ html, body {
--margin: 12px 24px;
--margin-y: 12px;
--margin-x: 24px;
+
+ --footer-height: 60px;
}
.header {
@@ -54,9 +56,11 @@ html, body {
.content {
background: var(--view-color);
border-top: 1px solid var(--header-sec-color);
- height: 100vh;
- border-radius: 12px 12px 0 0;
+ border-bottom: 1px solid var(--header-sec-color);
+ min-height: calc(100vh - (var(--header-font-size) + (var(--header-padding-y) * 2)) - var(--footer-height) - 30px);
+ border-radius: 12px;
padding: var(--margin-y) 0;
+ box-shadow: 0 2px 1px #00000010;
}
.content h1,
.content h2,
@@ -119,6 +123,7 @@ p {
padding: var(--header-padding-y);
border: 0px solid transparent;
color: var(--accent-fg-color);
+ text-decoration: none;
transition: 250ms ease;
}
.btn:hover {
@@ -186,4 +191,23 @@ p {
.bfile-formupload-file-delete-pick {
margin-bottom: 28px;
}
+}
+
+.footer {
+ width: 100%;
+ height: var(--footer-height);
+}
+.footer table {
+ height: 100%;
+}
+.footer td {
+ padding: var(--header-padding-y);
+ border-right: 1px solid var(--header-sec-color);
+ text-align: center;
+}
+.footer td .btn {
+ display: block;
+ padding: 8px;
+ /* width: 100%; */
+ /* height: 100%; */
}
\ No newline at end of file
diff --git a/filed/templates/base.html b/filed/templates/base.html
index 9aed411..b5ee17d 100644
--- a/filed/templates/base.html
+++ b/filed/templates/base.html
@@ -20,5 +20,24 @@
{% block body %}{% endblock %}
+