Merge Edge with sort and resize #2

Merged
alfred merged 64 commits from edge into master 2022-07-28 01:51:14 +01:00
3 changed files with 32 additions and 19 deletions
Showing only changes of commit 42a239ddd4 - Show all commits

View File

@ -78,26 +78,33 @@ main{
} }
.main-table{ .main-table{
display: table; display: table;
box-sizing: content-box;
} }
.main-table > div{ .main-table > div{
display: table-row; display: table-row;
background-color: transparent; background-color: transparent;
box-sizing: inherit;
} }
.main-table > div > div{ .main-table > div > div{
display: table-cell; display: table-cell;
margin: 3px 0;
padding: 3px 0;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
vertical-align: middle; vertical-align: middle;
box-sizing: inherit;
}
.main-table > div > div > div{
margin: 3px 0;
box-sizing: inherit;
} }
.item-table{ .item-table{
display: table; display: table;
box-sizing: content-box;
background-color: transparent; background-color: transparent;
} }
.item-table > div{ .item-table > div{
display: table-row; display: table-row;
background-color: transparent; background-color: transparent;
box-sizing: inherit;
} }
.item-table-full, .item-table-half, .item-table-240{ .item-table-full, .item-table-half, .item-table-240{
display: table-cell; display: table-cell;
@ -105,10 +112,14 @@ main{
border-width: 1px; border-width: 1px;
background-color: transparent; background-color: transparent;
vertical-align: top; vertical-align: top;
box-sizing: inherit;
} }
.item-table-full{ .item-table-full{
width: 100%; width: 100%;
} }
.item-table-half{
width: 100%;
}
.item-table-240{ .item-table-240{
width: 240px; width: 240px;
} }
@ -129,8 +140,8 @@ main{
.hmb{ .hmb{
display: none; display: none;
} }
.main-table > div > div{ .main-table > div > div > div{
padding: 5px;
margin: 5px; margin: 5px;
box-sizing: inherit;
} }
} }

View File

@ -26,7 +26,7 @@ body{
} }
.main-table{ .main-table{
border-color: wheat; border-color: wheat;
background-color: #4f4f4f; background-color: #0f0f0f;
} }
.main-table > div > div{ .main-table > div > div{
border-color: wheat; border-color: wheat;

View File

@ -27,23 +27,25 @@
</nav> </nav>
</header> </header>
<main class="main-table"> <main class="main-table">
<div>
<div> <div>
<div> <div>
<div class="item-table"> <div class="item-table">
<div> <div>
<div class="item-table-half"> <div class="item-table-half">
<h1>{{ .Data.About.Title }}</h1> <div><h1>{{ .Data.About.Title }}</h1></div>
</div> </div>
<div class="item-table-half"> <div class="item-table-half">
<h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1> <div><h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1></div>
</div> </div>
</div> </div>
<div> <div>
<div class="item-table-full"> <div class="item-table-full">
{{ .Data.About.GetContent }} <div>{{ .Data.About.GetContent }}</div>
</div> </div>
<div class="item-table-240"> <div class="item-table-240">
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a> <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
</div>
</div> </div>
</div> </div>
</div> </div>