Started UI Changes

This commit is contained in:
Raelon Masters
2020-06-01 09:05:28 -04:00
parent c12a32eb01
commit d740456df5
3 changed files with 13 additions and 25 deletions

View File

@@ -8,11 +8,12 @@ body {
#app {
display: grid;
grid-template-areas: "app_header"
grid-template-areas:
"app_header"
"app_body"
"app_footer";
grid-template-rows: auto auto auto;
/*max-height: 100%;*/
grid-template-rows: 52px auto auto;
/* max-height: 100%; */
}
.clear {
@@ -24,30 +25,32 @@ body {
margin: 0px;
display: grid;
grid-template-areas:
"title slogan subhdr"
"nav_left_top nav_center_top nav_right_top";
align-items: center;
background-color: #2b2b2b;
"title nav_left_top nav_center_top nav_right_top";
grid-template-columns: 225px auto auto;
padding: 4px 0px 4px;
grid-auto-columns: auto;
background-color: #2b2b2b;
}
.nav_left_top {
grid-area: nav_left_top;
display: flex;
justify-content: left;
align-items: center;
}
.nav_center_top {
grid-area: nav_center_top;
display: flex;
justify-content: center;
align-items: center;
}
.nav_right_top {
grid-area: nav_right_top;
display: flex;
justify-content: flex-end;
align-items: center;
}
.app_hdr {
@@ -225,12 +228,14 @@ body {
margin: 0px 5px 0px 0px;
padding-top: 2px;
padding-bottom: 2px;
max-height: 20px;
}
.nav_search {
margin: 0px 5px 0px 0px;
border-radius: 5px;
border: 1px solid #999;
max-height: 17px;
}
.search {}

View File

@@ -17,28 +17,12 @@
</head>
<body>
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
<div id="app">
<div class="app_header">
<div class="app_hdr">
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
</div>
<div class="app_slogan">
<h3 class="app_slogan shadow">"An elegant tool... for a more civilized age."</h3>
</div>
<div class="app_subhdr">
<a class="discord-button" href="https://discord.gg/H9TbNJS" alt="https://discord.gg/H9TbNJS">
<img src="/static/img/discord_logo_color.png" class="discord-button" />
</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/th3r00t/pyShelf/fork" data-color-scheme="no-preference: dark; light: light; dark: dark;" data-icon="octicon-repo-forked" data-size="large" aria-label="Fork th3r00t/pyShelf on GitHub">Fork</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/th3r00t/pyShelf/issues" data-color-scheme="no-preference: dark; light: light; dark: dark;" data-icon="octicon-issue-opened" data-size="large" aria-label="Issue th3r00t/pyShelf on GitHub">Issue</a>
<!--
<img src="/static/img/open-source-175x29.png" class="hdr_badge" /><br />
<img src="/static/img/gpl-125x28.png" class="hdr_badge" />
-->
</div>
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
<div class="nav_left_top">
<input class="nav_button prev_page" type="button" value="<< Prev Page" onclick="window.location.href = '/prev_page/{{ Set }}'">
</div>