cory/tildefriends
5
6
Fork 2
Code Issues 33 Pull Requests 1 Actions Releases 28 Wiki Activity

apps: display: grid.
Some checks failed
Build Tilde Friends / Build-All (push) Has been cancelled
Details

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
Show Stats 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", "type": "tildefriends-app",
"emoji": "💻", "emoji": "💻",
"previous": "&OFzapemXnBpvXSLlNLy3JQHdTT1wJzmBVjUcpiYf8SQ=.sha256" "previous": "&sFRTDn/RpxP1NJeECXHrXKwCRUJsEOEDVaCMPl50zpM=.sha256"
} }

21
apps/apps/app.js
View File

@ -68,6 +68,16 @@ async function main() {
margin: 8px; margin: 8px;
} }
.iconbox {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
}
.iconbox::after {
content: "";
flex: auto;
}
.app { .app {
height: 96px; height: 96px;
width: 64px; width: 64px;
@ -87,24 +97,27 @@ async function main() {
`; `;
const body = ` 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"> <header class="w3-container w3-light-blue">
<h2>Your Apps</h2> <h2>Your Apps</h2>
</header> </header>
<div id="apps" class="w3-indigo iconbox"></div>
</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"> <header class="w3-container w3-light-blue">
<h2>Shared Apps</h2> <h2>Shared Apps</h2>
</header> </header>
<div id="shared_apps" class="w3-indigo iconbox"></div>
</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"> <header class="w3-container w3-light-blue">
<h2>Core Apps</h2> <h2>Core Apps</h2>
</header> </header>
<div id="core_apps" class="w3-indigo iconbox"></div>
</div> </div>
`; `;