th3r00t/pyShelf
1
0
Fork 0
mirror of https://github.com/th3r00t/pyShelf.git synced 2026-04-28 01:59:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Adjusted thumbnails, and nav bar position

Browse Source
This commit is contained in:
Mike Young
2019-11-19 22:21:17 -05:00
parent 7fccdd4c4e
commit b5bcc4bbf5
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/interface/static/css/main.css
View File

@@ -20,7 +20,7 @@ body{
} }
.app_hdr{ .app_hdr{
grid-area: title; grid-area: title;
margin: 0px; margin: 0;
font-family: 'Audiowide', cursive; font-family: 'Audiowide', cursive;
font-size: 25px; font-size: 25px;
text-align: start; text-align: start;
@@ -30,7 +30,7 @@ body{
} }
.app_subhdr{ .app_subhdr{
grid-area: slogan; grid-area: slogan;
margin: 0px; margin: 0;
font-family: 'Audiowide', cursive; font-family: 'Audiowide', cursive;
font-size: 18px; font-size: 18px;
text-shadow: #4c5c68 -5px 3px 5px; text-shadow: #4c5c68 -5px 3px 5px;
@@ -39,16 +39,18 @@ body{
.app_body{ .app_body{
display: grid; display: grid;
grid-area: app_body; grid-area: app_body;
grid-template-columns: 20% 80%; grid-template-rows: 5vh auto;
grid-template-areas: "left_col shelf"; grid-template-areas: "nav_top"
"shelf";
justify-items: center;
} }
.app_footer{ .app_footer{
grid-area: app_footer; grid-area: app_footer;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
} }
.left_col{ .nav_top{
grid-area: left_col grid-area: nav_top
} }
.shelf{ .shelf{
grid-area: shelf; grid-area: shelf;
@@ -80,14 +82,14 @@ body{
} }
.shelf_item{ .shelf_item{
background-color: burlywood; background-color: burlywood;
margin: 10px 0px; margin: 0 10px 10px 0;
max-width: 300px; max-width: 23vw;
max-height: 375px; max-height: 75vh;
text-align: center; text-align: center;
} }
.book_thumb{ .book_thumb{
width: 300px; width: 23vw;
height: 375px; height: 75vh;
} }
a.book_link{ a.book_link{
text-decoration: none; text-decoration: none;