From fa5032847454439e6b0fa70667d249baa72340f6 Mon Sep 17 00:00:00 2001 From: cyber-dream Date: Sun, 7 May 2023 15:14:42 +0300 Subject: [PATCH] Fixes for apps --- resources/sys/blog-viewer/blog-viewer.css | 28 ++++++++++++++----- .../personal-properies.css | 6 ++++ templates/blog-viewer/app.tmpl | 26 +++++++++-------- templates/personal-properties/app.tmpl | 2 +- 4 files changed, 42 insertions(+), 20 deletions(-) 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 @@
- {{.header}} + Blog Viewer
-
- {{ range $block := .blocks }} -
- {{ range $data := $block.Data }} -
- {{$data}} -
- {{ end }} -
- {{ end }} +
+
+ {{ range $block := .blocks }} +
+ {{ range $data := $block.Data }} +
+ {{$data}} +
+ {{ end }} +
+ {{ end }} +
+ {{template "wde-widgets/scrollbar.tmpl" .}}
- {{template "wde-widgets/scrollbar.tmpl" .}}
{{ end }} diff --git a/templates/personal-properties/app.tmpl b/templates/personal-properties/app.tmpl index c0c567f..e1fe786 100644 --- a/templates/personal-properties/app.tmpl +++ b/templates/personal-properties/app.tmpl @@ -12,7 +12,7 @@
- My Photo + My Photo
{{ .headerProps.Name }}
{{ .headerProps.Info1 }}