ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 00:15:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleaned up package grid system

Browse source
This commit is contained in:
Thomas Smith 2022-09-15 16:13:19 -04:00
parent fe9ed2e147
commit 7b8fe597a9
2 changed files with 37 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/layouts/index.html
View file

@ -131,11 +131,6 @@
border-left: 2px solid #949494;
border-right: 2px solid #949494;
height: 100%;
padding: 25px;
}
.package-row{
border-bottom: 1px solid #949494;
}
.package-col{
@ -144,7 +139,7 @@
<!-- Start Package Grid -->
<div class="row package-row mb-4 gx-4">
<div class="row package-row g-0">
<div class="package-col col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
@ -159,7 +154,7 @@
</div>
</div>
<div class="row package-row mb-4 gx-4">
<div class="row package-row g-0">
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
@ -174,7 +169,7 @@
</div>
</div>
<div class="row package-row mb-4 gx-4">
<div class="row package-row g-0">
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>
@ -189,7 +184,7 @@
</div>
</div>
<div class="row mb-4 gx-4">
<div class="row g-0">
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
{{- partial "package-thumbnail.html" . -}}
</div>

34
src/layouts/partials/package-thumbnail.html
View file

@ -1,3 +1,33 @@
<div class="grid-square"></div>
<p class="package-label">V2.35 >45 installs</p>
<div class="card" style="width: 100%">
<img src="/Images/package-thumb-1.jpg" class="card-img-top" alt="..." style="width:100%; height:100%;">
<div class="card-body">
<p class="card-text">V2.35 >45 installs</p>
{{- partial "detail-btn.html" . -}}
</div>
</div>
<style>
.card{
background: none;
border-radius: 0px !important;
border: 1px solid #949494;
padding: 30px;
}
.card-body{
border-radius: 0px !important;
padding: 0px;
}
.card-img-top{
border-radius: 0px;
margin-bottom: 30px;
}
.card-text{
font-size: 14px;
float:left;
position: relative;
top:9px;
}
</style>