diff --git a/resources/sys/blog-viewer/blog-viewer.css b/resources/sys/blog-viewer/blog-viewer.css index 1063197..ef9b1ee 100644 --- a/resources/sys/blog-viewer/blog-viewer.css +++ b/resources/sys/blog-viewer/blog-viewer.css @@ -1,8 +1,21 @@ -.blog-viewer{ - background-color: #DDDDDD; +.BlogView{ width: 100%; height: 100%; + /* Auto layout */ + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + /* gap: 50px; */ + /* row-gap: 20px; */ + /* padding: 0px 20px 0px 20px; */ + background-color: #FFFFFF; +} + +.BlogView .Content { + width: 100%; + height: auto; /* Auto layout */ display: flex; flex-direction: column; @@ -10,25 +23,26 @@ justify-content: flex-start; /* gap: 50px; */ /* row-gap: 20px; */ - padding: 0px 20px 0px 20px; + /* padding: 0px 20px 0px 20px; */ + margin: 0px 20px 0px 20px; } -.blog-viewer .header-h1{ +.BlogView .header-h1{ font-size:x-large; padding-bottom: 10px; } -.blog-viewer .header-h2{ +.BlogView .header-h2{ font-size:large; padding-bottom: 6px; } -.blog-viewer .header-h3{ +.BlogView .header-h3{ font-size:larger; padding-bottom: 2px; } -.blog-viewer .plain-text{ +.BlogView .plain-text{ /* Auto layout */ display: flex; flex-direction: column; diff --git a/resources/sys/personal-properties/personal-properies.css b/resources/sys/personal-properties/personal-properies.css index cf59790..1ede4f1 100644 --- a/resources/sys/personal-properties/personal-properies.css +++ b/resources/sys/personal-properties/personal-properies.css @@ -77,6 +77,12 @@ gap:15px; } +.ShortBio .Image{ + width: 32px; + height: 32px; + padding-left: 10px; +} + .ShortBio .Text{ /* width: 100%; height: auto; */ diff --git a/templates/blog-viewer/app.tmpl b/templates/blog-viewer/app.tmpl index 395dd16..cee653c 100644 --- a/templates/blog-viewer/app.tmpl +++ b/templates/blog-viewer/app.tmpl @@ -3,23 +3,25 @@