tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

apps: display: grid.

Browse Source
This commit is contained in:
Cory McWilliams
2025-01-22 19:13:15 -05:00
parent 762b4339fe
commit c7a8ce7060
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/apps.json
View File

@@ -1,5 +1,5 @@
{
"type": "tildefriends-app",
"emoji": "💻",
"previous": "&OFzapemXnBpvXSLlNLy3JQHdTT1wJzmBVjUcpiYf8SQ=.sha256"
"previous": "&sFRTDn/RpxP1NJeECXHrXKwCRUJsEOEDVaCMPl50zpM=.sha256"
}

21
apps/apps/app.js
View File

@@ -68,6 +68,16 @@ async function main() {
margin: 8px;
}
.iconbox {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
}
.iconbox::after {
content: "";
flex: auto;
}
.app {
height: 96px;
width: 64px;
@@ -87,24 +97,27 @@ async function main() {
`;
const body = `
<h1 style="text-shadow: #808080 0 0 10px;">Welcome to Tilde Friends</h1>
<h1>Welcome to Tilde Friends</h1>
<div id="apps" class="w3-card-4 w3-dark-gray w3-margin-top">
<div class="w3-card-4 w3-margin-top">
<header class="w3-container w3-light-blue">
<h2>Your Apps</h2>
</header>
<div id="apps" class="w3-indigo iconbox"></div>
</div>
<div id="shared_apps" class="w3-card-4 w3-dark-gray w3-margin-top">
<div class="w3-card-4 w3-margin-top">
<header class="w3-container w3-light-blue">
<h2>Shared Apps</h2>
</header>
<div id="shared_apps" class="w3-indigo iconbox"></div>
</div>
<div id="core_apps" class="w3-card-4 w3-dark-gray w3-margin-top">
<div class="w3-card-4 w3-margin-top">
<header class="w3-container w3-light-blue">
<h2>Core Apps</h2>
</header>
<div id="core_apps" class="w3-indigo iconbox"></div>
</div>
`;