Fixes for apps

This commit is contained in:
cyber-dream 2023-05-07 15:14:42 +03:00
parent b5cde34178
commit fa50328474
4 changed files with 42 additions and 20 deletions

View File

@ -1,8 +1,21 @@
.blog-viewer{ .BlogView{
background-color: #DDDDDD;
width: 100%; width: 100%;
height: 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 */ /* Auto layout */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -10,25 +23,26 @@
justify-content: flex-start; justify-content: flex-start;
/* gap: 50px; */ /* gap: 50px; */
/* row-gap: 20px; */ /* 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; font-size:x-large;
padding-bottom: 10px; padding-bottom: 10px;
} }
.blog-viewer .header-h2{ .BlogView .header-h2{
font-size:large; font-size:large;
padding-bottom: 6px; padding-bottom: 6px;
} }
.blog-viewer .header-h3{ .BlogView .header-h3{
font-size:larger; font-size:larger;
padding-bottom: 2px; padding-bottom: 2px;
} }
.blog-viewer .plain-text{ .BlogView .plain-text{
/* Auto layout */ /* Auto layout */
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -77,6 +77,12 @@
gap:15px; gap:15px;
} }
.ShortBio .Image{
width: 32px;
height: 32px;
padding-left: 10px;
}
.ShortBio .Text{ .ShortBio .Text{
/* width: 100%; /* width: 100%;
height: auto; */ height: auto; */

View File

@ -3,23 +3,25 @@
<button id="closeWindowButton" class="Button" title="Close Window"></button> <button id="closeWindowButton" class="Button" title="Close Window"></button>
<div id="Drag" class="VisualDragArea"></div> <div id="Drag" class="VisualDragArea"></div>
<div class="Lable"> <div class="Lable">
{{.header}} Blog Viewer
</div> </div>
<div id="Drag" class="VisualDragArea"></div> <div id="Drag" class="VisualDragArea"></div>
</div> </div>
<div class="ContentBorder AdjectiveElement"> <div class="ContentBorder AdjectiveElement">
<div class="blog-viewer ScrollContent"> <div class="BlogView">
{{ range $block := .blocks }} <div class="Content">
<div class="{{$block.Type}}" > {{ range $block := .blocks }}
{{ range $data := $block.Data }} <div class="{{$block.Type}}" >
<div style="font-size: inherit;"> {{ range $data := $block.Data }}
{{$data}} <div style="font-size: inherit;">
</div> {{$data}}
{{ end }} </div>
</div> {{ end }}
{{ end }} </div>
{{ end }}
</div>
{{template "wde-widgets/scrollbar.tmpl" .}}
</div> </div>
{{template "wde-widgets/scrollbar.tmpl" .}}
</div> </div>
{{ end }} {{ end }}

View File

@ -12,7 +12,7 @@
<div class="PropsView"> <div class="PropsView">
<div class="PropertiesList"> <div class="PropertiesList">
<div class="ShortBio"> <div class="ShortBio">
<img src="/system/libs/img/get?path={{ .headerProps.IconPath }}" alt="My Photo" style="width: 48px;height: 48px;"> <img class="Image" src="/system/libs/img/get?path={{ .headerProps.IconPath }}" alt="My Photo" >
<div class="Text"> <div class="Text">
<div class="Name">{{ .headerProps.Name }}</div> <div class="Name">{{ .headerProps.Name }}</div>
<div>{{ .headerProps.Info1 }}</div> <div>{{ .headerProps.Info1 }}</div>