balki/collage-maker
1
0
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

Make buttons and photos bigger and easier to hit

Browse Source
This commit is contained in:
Balakrishnan Balasubramanian 2024-08-13 17:54:02 -04:00
parent e67fa7b279
commit 36e07b9836
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/index.css
View File

@ -33,7 +33,7 @@
#image-chooser-controls { #image-chooser-controls {
display: none; display: none;
width: 100%; width: 80%;
} }
#image-preview-box { #image-preview-box {
@ -44,16 +44,19 @@
} }
#image-preview-box img { #image-preview-box img {
width: 50px; width: 30%;
height: 50px; aspect-ratio: 1 / 1;
} }
.main-controls { .main-controls {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
width: 80%;
} }
.main-controls button { .main-controls * {
width: 100%;
height: 4rem;
font-size: 1.2rem; font-size: 1.2rem;
} }

1
web/index.html
View File

@ -26,7 +26,6 @@
</select> </select>
<div class="main-controls"> <div class="main-controls">
<a href="choose.html"><button>Select</button></a> <a href="choose.html"><button>Select</button></a>
<button id="snapper" class="showbuton">Snap</button> <button id="snapper" class="showbuton">Snap</button>
<a href="/collages/?sort=time&order=desc&layout=grid" target="_blank" ><button>All</button></a> <a href="/collages/?sort=time&order=desc&layout=grid" target="_blank" ><button>All</button></a>
<button id="reorder_btn">Reorder</button> <button id="reorder_btn">Reorder</button>