From 515297ab74f636687d9314636e82987f05eea71e Mon Sep 17 00:00:00 2001
From: xiaomai <xsbugh@gmail.com>
Date: Thu, 7 May 2026 10:04:11 +0800
Subject: [PATCH] style(frontend): remove borders and backgrounds from image
 containers

Make image preview and detail screens transparent
Remove borders and padding from entity card marks and profile images
---
 frontend/src/styles/main.css | 42 +++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 17 deletions(-)

diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index b917626..0d2573e 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -1802,15 +1802,13 @@ button:disabled,
   min-height: 220px;
   display: grid;
   place-items: center;
-  border: 2px solid rgba(23, 32, 54, 0.18);
+  border: 0;
   border-radius: var(--radius-card);
-  background:
-    linear-gradient(135deg, rgba(255, 203, 5, 0.24), rgba(42, 117, 187, 0.12)),
-    #ffffff;
+  background: transparent;
 }
 
 .pokemon-image-preview__screen img {
-  width: min(100%, 360px);
+  width: 100%;
   max-height: 220px;
   object-fit: contain;
 }
@@ -2471,11 +2469,11 @@ button:disabled,
   font-weight: 950;
 }
 
-.entity-card__mark--image {
-  padding: 3px;
-  background:
-    linear-gradient(135deg, rgba(255, 203, 5, 0.22), rgba(42, 117, 187, 0.12)),
-    #ffffff;
+.entity-card__mark.entity-card__mark--image {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
 }
 
 .entity-card__icon {
@@ -5591,6 +5589,12 @@ button:disabled,
     var(--surface-soft);
 }
 
+.entity-detail-image__frame:not(.entity-detail-image__frame--placeholder) {
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+
 .entity-detail-image__frame img {
   width: 100%;
   height: 100%;
@@ -5702,17 +5706,14 @@ button:disabled,
   min-height: 260px;
   display: grid;
   place-items: center;
-  border: 4px solid #172036;
+  border: 0;
   border-radius: var(--radius-card);
-  background:
-    linear-gradient(90deg, rgba(42, 117, 187, 0.08) 1px, transparent 1px) 0 0 / 18px 18px,
-    linear-gradient(rgba(42, 117, 187, 0.08) 1px, transparent 1px) 0 0 / 18px 18px,
-    #eef9ff;
+  background: transparent;
 }
 
 .pokemon-image-detail__screen img {
-  width: min(100%, 380px);
-  max-height: 250px;
+  width: 100%;
+  max-height: 260px;
   object-fit: contain;
 }
 
@@ -5804,6 +5805,13 @@ button:disabled,
   cursor: pointer;
 }
 
+.pokemon-profile-image:not(.pokemon-profile-image--placeholder) {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 .pokemon-profile-image:not(.pokemon-profile-image--placeholder):hover,
 .pokemon-profile-image:not(.pokemon-profile-image--placeholder):focus-visible {
   border-color: var(--pokemon-blue);