mirror of
https://github.com/th3r00t/pyShelf.git
synced 2026-04-28 01:59:35 -04:00
Started UI Changes
This commit is contained in:
@@ -28,7 +28,6 @@ class Catalogue:
|
||||
self.html_regx = re.compile(r"\.html")
|
||||
self.root_dir = config.root
|
||||
self.book_folder = config.book_path
|
||||
# self.book_shelf = config.book_shelf
|
||||
self.books = None
|
||||
self.db_pointer = config.catalogue_db
|
||||
self.config = config
|
||||
|
||||
19
src/interface/static/css/main.css
vendored
19
src/interface/static/css/main.css
vendored
@@ -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 {}
|
||||
|
||||
18
src/interface/templates/index.html
vendored
18
src/interface/templates/index.html
vendored
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user