pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling fixes

Browse Source
This commit is contained in:
Fornax
2022-12-05 15:01:04 +01:00
parent 735d58ac9a
commit 81929bb016
9 changed files with 73 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
res/static/style/layout.css
View File

@@ -98,6 +98,10 @@ footer>.footer_content {
background-color: var(--body_background);
color: var(--body_text_color);
display: inline-block;
width: 1000px;
max-width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 8px;
margin: 120px 0 60px 0;
}
@@ -155,8 +159,8 @@ footer>.footer_content {
.page_content {
background: var(--body_background);
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
transition: border-top-left-radius 1s, border-bottom-left-radius 1s;
}
@@ -643,9 +647,9 @@ input[type=file] {
/* Webkit Scrollbars */
::-webkit-scrollbar {
width: 18px;
width: 16px;
/* for vertical scrollbars */
height: 18px;
height: 16px;
/* for horizontal scrollbars */
}
@@ -656,7 +660,7 @@ input[type=file] {
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar_foreground_color);
border-radius: 10px;
border: 5px solid var(--body_color);
border: 4px solid var(--body_color);
height: 40px;
width: 40px;
}

18
res/template/fragments/page_wrap.html
View File

@@ -34,14 +34,18 @@ function toggleMenu() {
// Menu is visible, hide it
nav.style.left = -nav.offsetWidth + "px";
body.style.marginLeft = "0";
content.style.borderTopLeftRadius = "0"
content.style.borderBottomLeftRadius = "0"
if (content) {
content.style.borderTopLeftRadius = "0"
content.style.borderBottomLeftRadius = "0"
}
} else {
// Menu is hidden, show it
nav.style.left = "0";
body.style.marginLeft = nav.offsetWidth + "px";
content.style.borderTopLeftRadius = "12px"
content.style.borderBottomLeftRadius = "12px"
if (content) {
content.style.borderTopLeftRadius = "8px"
content.style.borderBottomLeftRadius = "8px"
}
}
}
function resetMenu() {
@@ -54,17 +58,15 @@ function resetMenu() {
{{define "footer"}}
<footer>
<div class="footer_content">
<div style="display: inline-block; margin: 0 8px 0 8px;">
<div style="display: inline-block; margin: 0 8px;">
Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
</div>
<div style="display: inline-block; margin: 0 8px 0 8px;">
(
<div style="display: inline-block; margin: 0 8px;">
<a href="https://www.patreon.com/pixeldrain" target="_blank">{{template `patreon.svg` .}} Patreon</a> |
<a href="https://twitter.com/Fornax96" target="_blank">{{template `twitter.svg` .}} Twitter</a> |
<a href="https://reddit.com/r/pixeldrain" target="_blank">{{template `reddit.svg` .}} Reddit</a> |
<a href="https://github.com/Fornaxian" target="_blank">{{template `github.svg` .}} GitHub</a> |
<a href="https://mastodon.social/web/@fornax" target="_blank">{{template `mastodon.svg` .}} Mastodon</a>
)
</div>
<br/>
<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">