[ui] change edition drop styling

- Move the price to the left and make font size consistent with the regular drop. - Remove MINT PRICE.
LIQNFT · Oct 24, 2022 · d6cb21d · d6cb21d
1 parent c6026e3
commit d6cb21d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/core/ui/src/components/Drop/List/DropFooter.tsx b/core/ui/src/components/Drop/List/DropFooter.tsx
@@ -17,9 +17,8 @@ export const DropFooter: React.FC<DropFooterProps> = ({ candyShop, nft }: DropFo
   return (
     <div className="candy-edition-list-footer-card">
       <div className="row">
-        <div className="name">{nft.nftName}</div>
-        <div className="candy-edition-price">
-          <span>MINT PRICE</span>
+        <div className="candy-edition-name-price">
+          <div className="name">{nft.nftName}</div>
           <span className="candy-price">
             <Price candyShop={candyShop} value={nft.price} />
           </span>

diff --git a/core/ui/src/components/Drop/List/style.less b/core/ui/src/components/Drop/List/style.less
@@ -60,15 +60,14 @@
 .candy-edition-list-footer-card {
   margin-top: 20px;
 
-  .candy-edition-price {
+  .candy-edition-name-price {
     display: flex;
     flex-direction: column;
-    align-items: center;
   }
 
   .row {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
   }
 
   .candy-edition-slide {
@@ -85,6 +84,11 @@
     }
   }
 
+  .candy-price {
+    font-size: 14px;
+    color: #757575;
+  }
+
   .available {
     text-align: left;
     margin-block: 20px;