From d99b38e7256fcfc16e8e2ae359705a56e7afa411 Mon Sep 17 00:00:00 2001
From: surunzi <surunzi@foxmail.com>
Date: Sun, 8 Sep 2024 22:30:21 +0800
Subject: [PATCH] chore: small changes

---
 src/Resources/Resources.js   |  5 ++---
 src/Resources/Resources.scss | 11 +++++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Resources/Resources.js b/src/Resources/Resources.js
index 75b8c3738..f33aa47c9 100644
--- a/src/Resources/Resources.js
+++ b/src/Resources/Resources.js
@@ -230,11 +230,10 @@ export default class Resources extends Tool {
     const imageState = getState('image', imageData.length)
     let imageDataHtml = '<li>Empty</li>'
     if (!isEmpty(imageData)) {
+      // prettier-ignore
       imageDataHtml = map(imageData, (image) => {
         return `<li class="${c('image')}">
-          <img src="${escape(image)}" data-exclude="true" class="${c(
-          'img-link'
-        )}"/>
+          <img src="${escape(image)}" data-exclude="true" class="${c('img-link')}"/>
         </li>`
       }).join('')
     }
diff --git a/src/Resources/Resources.scss b/src/Resources/Resources.scss
index b4cdc925f..d5174b98b 100644
--- a/src/Resources/Resources.scss
+++ b/src/Resources/Resources.scss
@@ -56,12 +56,19 @@
     font-size: $font-size-s;
     display: flex;
     flex-wrap: wrap;
-    padding: $padding !important;
-    @include clear-float();
+    padding-left: $padding;
+    padding-top: $padding;
+    &::after {
+      content: '';
+      flex-grow: 1000;
+    }
     li {
       flex-grow: 1;
       cursor: pointer;
       overflow-y: hidden;
+      margin-right: $padding;
+      margin-bottom: $padding;
+      border: 1px solid var(--border);
       &.image {
         height: 100px;
         font-size: 0;