fix selecteds in SelectCardModal

src/ui/Duel/Message/SelectCardsModal/index.tsx

@@ -28,6 +28,11 @@ const CheckCardStyle = {
   marginBlockEnd: 0,
   flexShrink: 0,
 };
+const CheckGroupStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(6, 1fr)",
+  gap: 10,
+};
 
 export interface SelectCardsModalProps {
   isOpen: boolean;
@@ -161,11 +166,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
                     }}
                     // TODO 考虑如何设置默认值，比如只有一个的，就直接选中
                     multiple={isMultiple}
-                    style={{
-                      display: "grid",
-                      gridTemplateColumns: "repeat(6, 1fr)",
-                      gap: 10,
-                    }}
+                    style={CheckGroupStyle}
                   >
                     {options[1].map((card, j) => (
                       <Tooltip
@@ -195,7 +196,12 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
                 </div>
               )
           )}
-          <p>{selecteds.length > 0 ? fetchStrings("!system", 212) : ""}</p>
+          <p>
+            <span>
+              {selecteds.length > 0 ? fetchStrings("!system", 212) : ""}
+            </span>
+          </p>
+          <div style={CheckGroupStyle}>
             {selecteds.map((card, i) => (
               <Tooltip
                 title={card.effectDesc}
@@ -218,6 +224,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
                 </div>
               </Tooltip>
             ))}
+          </div>
         </Space>
       </div>
     </NeosModal>