Clean revision to max width of grid

This commit is contained in:
Thomas Smith 2023-02-22 16:09:45 -05:00
parent 0b85010136
commit eda5c53a26
2 changed files with 22 additions and 26 deletions

View file

@ -1,36 +1,32 @@
<!-- Package Grid --> <!-- Package Grid -->
<section> <section>
<!-- Package Grid Header --> <div class="container">
<hr> <div class="row">
<div class="container package-grid-header two-boxes"> <div class="col">
<section class="flex flex-column flex-md-row"> {{- partial "search-menu.html" "searchTermDesktop" -}}
<h3>packages</h3> <hr>
</section>
<p style="width:60%;">There are already plenty of packages available through tea. As the communitea builds the library, contributions will live here. We use <a href="https://stability.ai/blog/stable-diffusion-public-release">Stable Diffusion</a> to generate the artwork for each package using their title and code for input. Thats the power of Open Source.</p>
</div>
<hr>
{{- partial "search-menu.html" "searchTermDesktop" -}} <div class="package-grid">
<hr>
<div class="package-grid"> <!-- Start Package Grid -->
<!-- Start Package Grid --> <div class="row package-row black-bg g-0">
<div id="packageGrid" class="package-grid">
<div class="row package-row black-bg g-0"> {{ range $.Site.Data.packages }}
<div id="packageGrid" class="package-grid"> {{- partial "package-thumbnail.html" .}}
{{ range $.Site.Data.packages }} {{ end }}
{{- partial "package-thumbnail.html" .}} </div>
{{ end }} {{- partial "no-results-found.html" }}
</div>
</div>
<hr>
<div id="loadMoreSection" class="container small">
<div id="loadMorePackagesBtn"><i class="icon-enter-arrow"></i> SHOW MORE</div>
</div>
</div> </div>
{{- partial "no-results-found.html" }}
</div> </div>
</div> </div>
<hr>
<div id="loadMoreSection" class="container small">
<div id="loadMorePackagesBtn"><i class="icon-enter-arrow"></i> SHOW MORE</div>
</div>
</section> </section>
<style> <style>

View file

@ -1,5 +1,5 @@
<section> <section>
<div class="button-container"> <div>
<div class="searchBar"> <div class="searchBar">
<div style="display:flex; align-items:center;"> <div style="display:flex; align-items:center;">
<div class="icon"> <div class="icon">