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.html_regx = re.compile(r"\.html")
|
||||||
self.root_dir = config.root
|
self.root_dir = config.root
|
||||||
self.book_folder = config.book_path
|
self.book_folder = config.book_path
|
||||||
# self.book_shelf = config.book_shelf
|
|
||||||
self.books = None
|
self.books = None
|
||||||
self.db_pointer = config.catalogue_db
|
self.db_pointer = config.catalogue_db
|
||||||
self.config = config
|
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 {
|
#app {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas: "app_header"
|
grid-template-areas:
|
||||||
|
"app_header"
|
||||||
"app_body"
|
"app_body"
|
||||||
"app_footer";
|
"app_footer";
|
||||||
grid-template-rows: auto auto auto;
|
grid-template-rows: 52px auto auto;
|
||||||
/*max-height: 100%;*/
|
/* max-height: 100%; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear {
|
.clear {
|
||||||
@@ -24,30 +25,32 @@ body {
|
|||||||
margin: 0px;
|
margin: 0px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"title slogan subhdr"
|
"title nav_left_top nav_center_top nav_right_top";
|
||||||
"nav_left_top nav_center_top nav_right_top";
|
grid-template-columns: 225px auto auto;
|
||||||
align-items: center;
|
|
||||||
background-color: #2b2b2b;
|
|
||||||
padding: 4px 0px 4px;
|
padding: 4px 0px 4px;
|
||||||
grid-auto-columns: auto;
|
grid-auto-columns: auto;
|
||||||
|
background-color: #2b2b2b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_left_top {
|
.nav_left_top {
|
||||||
grid-area: nav_left_top;
|
grid-area: nav_left_top;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_center_top {
|
.nav_center_top {
|
||||||
grid-area: nav_center_top;
|
grid-area: nav_center_top;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_right_top {
|
.nav_right_top {
|
||||||
grid-area: nav_right_top;
|
grid-area: nav_right_top;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app_hdr {
|
.app_hdr {
|
||||||
@@ -225,12 +228,14 @@ body {
|
|||||||
margin: 0px 5px 0px 0px;
|
margin: 0px 5px 0px 0px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
|
max-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_search {
|
.nav_search {
|
||||||
margin: 0px 5px 0px 0px;
|
margin: 0px 5px 0px 0px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 1px solid #999;
|
border: 1px solid #999;
|
||||||
|
max-height: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {}
|
.search {}
|
||||||
|
|||||||
18
src/interface/templates/index.html
vendored
18
src/interface/templates/index.html
vendored
@@ -17,28 +17,12 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<div class="app_header">
|
<div class="app_header">
|
||||||
<div class="app_hdr">
|
<div class="app_hdr">
|
||||||
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
|
<h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
|
||||||
</div>
|
</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">
|
<div class="nav_left_top">
|
||||||
<input class="nav_button prev_page" type="button" value="<< Prev Page" onclick="window.location.href = '/prev_page/{{ Set }}'">
|
<input class="nav_button prev_page" type="button" value="<< Prev Page" onclick="window.location.href = '/prev_page/{{ Set }}'">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user