all repos — website @ f9a6119a33c3d7a680a733566b218daaaae13f34

personal website hosted at prithu.xyz, built using hugo

change post list page style
Prithu Goswami prithugoswami524@gmail.com
Wed, 13 May 2020 19:52:18 +0530
commit

f9a6119a33c3d7a680a733566b218daaaae13f34

parent

5c07250cd27e59cd77389062693df353dcaec405

2 files changed, 14 insertions(+), 5 deletions(-)

jump to
M hugo-site/layouts/posts/list.htmlhugo-site/layouts/posts/list.html

@@ -2,7 +2,7 @@ {{ partial "head.html" . }}

<body> {{ partial "nav.html" }} <div class="bcontainer"> - <div class="bcontent"> + <div class="bcontent" id=blist> <h1>Latest Posts</h1> <div class="posts"> {{ range .Pages }}
M hugo-site/static/css/blog.csshugo-site/static/css/blog.css

@@ -32,6 +32,7 @@ .bcontent{

/* background-color: lightgreen; */ width: 55%; } + .bcontent h1{ font-size: 2.3rem; line-height: 1.2;

@@ -69,19 +70,19 @@

.post-item{ display: flex; justify-content: space-between; - padding: 0.8rem 0.5rem; + padding: 0.5rem 0.5rem; } .post-item > a { - line-height: 1.4; max-width: 70%; margin-right: 1rem; + overflow: hidden; } .post-item > .post-date{ font-size: 1rem; line-height: 1.4; - min-width: 30%; + white-space: nowrap; text-align: right; }

@@ -176,9 +177,17 @@ color: rgba(0,0,0,0.7);

text-transform: italic; } -@media only screen and (max-width: 767px){ +@media only screen and (max-width: 768px){ .bcontent { width: 90%; + } + + #blist { + width:100%; + } + + #blist h1{ + margin-left: 1rem; } .bcontainer {