Fixes for apps
This commit is contained in:
parent
b5cde34178
commit
fa50328474
@ -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;
|
||||||
|
@ -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; */
|
||||||
|
@ -3,12 +3,13 @@
|
|||||||
<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">
|
||||||
|
<div class="Content">
|
||||||
{{ range $block := .blocks }}
|
{{ range $block := .blocks }}
|
||||||
<div class="{{$block.Type}}" >
|
<div class="{{$block.Type}}" >
|
||||||
{{ range $data := $block.Data }}
|
{{ range $data := $block.Data }}
|
||||||
@ -21,6 +22,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{{template "wde-widgets/scrollbar.tmpl" .}}
|
{{template "wde-widgets/scrollbar.tmpl" .}}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user