Better UI
This commit is contained in:
		@@ -36,11 +36,16 @@ function renderGallery() {
 | 
			
		||||
  container.innerHTML = '';
 | 
			
		||||
  galleryImages.forEach((img, i) => {
 | 
			
		||||
    const div = document.createElement('div');
 | 
			
		||||
    div.className = 'photo';
 | 
			
		||||
    div.className = 'photo flex-item flex-column';
 | 
			
		||||
    div.innerHTML = `
 | 
			
		||||
      <img src="/photos/${img.src}">
 | 
			
		||||
      <div class="flex-item">
 | 
			
		||||
        <img src="/photos/${img.src}">
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="tag-input" data-index="${i}"></div>
 | 
			
		||||
      <button onclick="deleteGalleryImage(${i})">🗑 Delete</button>
 | 
			
		||||
      <div class="flex-item flex-full">
 | 
			
		||||
        <div class="flex-item flex-end">
 | 
			
		||||
        <button onclick="deleteGalleryImage(${i})">🗑 Delete</button>
 | 
			
		||||
      </div>
 | 
			
		||||
    `;
 | 
			
		||||
    container.appendChild(div);
 | 
			
		||||
 | 
			
		||||
@@ -192,10 +197,15 @@ function renderHero() {
 | 
			
		||||
  container.innerHTML = '';
 | 
			
		||||
  heroImages.forEach((img, i) => {
 | 
			
		||||
    const div = document.createElement('div');
 | 
			
		||||
    div.className = 'photo';
 | 
			
		||||
    div.className = 'photo flex-item flex-column';
 | 
			
		||||
    div.innerHTML = `
 | 
			
		||||
      <img src="/photos/${img.src}">
 | 
			
		||||
      <button onclick="deleteHeroImage(${i})">🗑 Delete</button>
 | 
			
		||||
      <div class="flex-item">
 | 
			
		||||
        <img src="/photos/${img.src}">
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="flex-item flex-full">
 | 
			
		||||
        <div class="flex-item flex-end">
 | 
			
		||||
        <button onclick="deleteHeroImage(${i})">🗑 Delete</button>
 | 
			
		||||
      </div>
 | 
			
		||||
    `;
 | 
			
		||||
    container.appendChild(div);
 | 
			
		||||
  });
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user