MayaTheShy/Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor service card and grid class names for consistency; enable drag-and-drop functionality

Browse Source
This commit is contained in:
MayaChat
2025-11-24 12:48:55 -05:00
parent 8af4bd05b1
commit ef3c6f911b
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/services-loader.js
View File

@@ -49,7 +49,7 @@
groupSection.appendChild(groupHeader); groupSection.appendChild(groupHeader);
const grid = document.createElement('div'); const grid = document.createElement('div');
grid.className = 'grid'; grid.className = 'services-grid';
services.forEach(s => { services.forEach(s => {
const card = createServiceCard(s, host, allServices, tailscaleIP); const card = createServiceCard(s, host, allServices, tailscaleIP);
@@ -148,11 +148,13 @@
} }
const a = document.createElement('a'); const a = document.createElement('a');
a.className = 'card'; a.className = 'service-card';
a.href = href; a.href = href;
a.target = '_blank'; a.target = '_blank';
a.rel = 'noreferrer'; a.rel = 'noreferrer';
a.dataset.serviceName = name.toLowerCase(); // For search filtering a.dataset.serviceName = name.toLowerCase(); // For search filtering
a.dataset.serviceId = serviceId; // For drag-drop and identification
a.setAttribute('draggable', 'true'); // Enable drag-and-drop
const img = document.createElement('img'); const img = document.createElement('img');
img.className = 'logo'; img.className = 'logo';