改善图标显示

electh · Mar 22, 2024 · dcf300c · dcf300c
1 parent 5a23477
commit dcf300c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/src/components/Article/ArticleCard.jsx b/src/components/Article/ArticleCard.jsx
@@ -74,6 +74,9 @@ const ArticleCard = ({ entry, handleEntryClick }) => {
                       marginRight: "8px",
                       width: "16px",
                       height: "16px",
+                      position: "absolute",
+                      right: "2px",
+                      bottom: "12px",
                     }}
                   />
                 )}

diff --git a/src/components/Article/ArticleCardMini.jsx b/src/components/Article/ArticleCardMini.jsx
@@ -29,7 +29,12 @@ const ArticleCardMini = ({ entry, handleEntryClick }) => {
       >
         <Card.Meta
           description={
-            <div style={{ display: "flex" }}>
+            <div
+              style={{
+                display: "flex",
+                paddingLeft: showFeedIcon ? "22px" : "0",
+              }}
+            >
               <div style={{ marginRight: "10px", flex: "1" }}>
                 <Typography.Text
                   style={
@@ -58,6 +63,9 @@ const ArticleCardMini = ({ entry, handleEntryClick }) => {
                         marginRight: "8px",
                         width: "16px",
                         height: "16px",
+                        position: "absolute",
+                        left: "10px",
+                        top: "14px",
                       }}
                     />
                   )}

diff --git a/src/components/Sidebar/Sidebar.css b/src/components/Sidebar/Sidebar.css
@@ -5,3 +5,9 @@
 .arco-menu-vertical .arco-menu-inline-header {
   padding-right: 12px;
 }
+
+.arco-ellipsis-text {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}