From df0cce33907ebb3d532ae84daa3d975016e2873c Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Sat, 12 Jul 2025 08:24:29 +1000
Subject: [PATCH] UI Update

---
 links/templates/links/link_list.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/links/templates/links/link_list.html b/links/templates/links/link_list.html
index 3994258..e7ef447 100644
--- a/links/templates/links/link_list.html
+++ b/links/templates/links/link_list.html
@@ -30,8 +30,8 @@
     }
 
     .random-image-container {
-      aspect-ratio: 4/3;
-      max-height: 200px;
+      aspect-ratio: 3/4;
+      max-height: 400px;
     }
 
     .section-title {
@@ -188,7 +188,7 @@
           <!-- Random Image Box 1 -->
           <div class="random-image-container bg-gray-100 rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-200">
             <img
-              src="/api/images/random/400/300/?fit=crop&v={{ timestamp }}"
+              src="/api/images/random/300/450/?fit=crop&v={{ timestamp }}"
               alt="{% trans 'Random Image' %}"
               class="w-full h-full object-cover cursor-pointer hover:scale-105 transition-transform duration-200 random-image"
               data-box="1"
@@ -200,7 +200,7 @@
           <!-- Random Image Box 2 -->
           <div class="random-image-container bg-gray-100 rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-200">
             <img
-              src="/api/images/random/400/300/?fit=crop&v={{ timestamp }}&offset=1"
+              src="/api/images/random/300/450/?fit=crop&v={{ timestamp }}&offset=1"
               alt="{% trans 'Random Image' %}"
               class="w-full h-full object-cover cursor-pointer hover:scale-105 transition-transform duration-200 random-image"
               data-box="2"