Improve fontend

1. Move button above templates
2. Add 3 more templates
3. change px to rem
This commit is contained in:
2024-08-09 23:22:51 -04:00
parent b4d58817a5
commit b432769d6f
2 changed files with 44 additions and 5 deletions

View File

@ -26,6 +26,9 @@
</select>
</label>
<button id="snapper" class="showbuton">Snap Collage</button>
<p><a href="" target="_blank" id="collage-url"></a></p>
<ul class="templates">
<li>
@ -113,10 +116,35 @@
<div class="img img12"></div>
</div>
</li>
<li>
<div class="template three-row">
<div class="img img1"></div>
<div class="img img2"></div>
<div class="img img3"></div>
<div class="img img4"></div>
<div class="img img5"></div>
<div class="img img6"></div>
</div>
</li>
<li>
<div class="template two-row">
<div class="img img1"></div>
<div class="img img2"></div>
<div class="img img3"></div>
<div class="img img4"></div>
<div class="img img5"></div>
<div class="img img6"></div>
</div>
</li>
<li>
<div class="template one-three-topbottom">
<div class="img img1"></div>
<div class="img img2"></div>
<div class="img img3"></div>
<div class="img img4"></div>
</div>
</li>
</ul>
<button id="snapper" class="showbuton">Snap Collage</button>
<p><a href="" target="_blank" id="collage-url"></a></p>
</div>
<div class="imagebox">