Merge pull request #2376 from lujakob/feat/shrink-receiver-box

feat: shrink receiver box
getAlby · May 2, 2023 · a85761b · a85761b
2 parents 78e02de + 50a381e
commit a85761b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/src/app/components/PublisherCard/index.tsx b/src/app/components/PublisherCard/index.tsx
@@ -32,14 +32,14 @@ export default function PublisherCard({
       className={classNames(
         isSmall ? "p-2" : "flex-col justify-center p-4",
         isCard && "drop-shadow rounded-lg mt-4",
-        !image && "h-24",
+        !image && "h-16",
         "flex items-center bg-white dark:bg-surface-02dp"
       )}
     >
       {image && (
         <img
-          className={`m-2 shrink-0 object-cover rounded-lg ${
-            isSmall ? "w-14 h-14 mr-4" : "w-20 h-20"
+          className={`ml-1 mr-2 shrink-0 object-cover rounded-md ${
+            isSmall ? "w-10 h-10 mr-3" : "w-20 h-20"
           }`}
           src={image || DEFAULT_IMAGE}
           alt={`${title} logo`}
@@ -54,14 +54,14 @@ export default function PublisherCard({
         className={
           "flex flex-col overflow-hidden w-full " +
           (isSmall ? "" : "text-center ") +
-          (isSmall && !image && "ml-4")
+          (isSmall && !image && "ml-1")
         }
       >
         <h2
           title={title}
           className={
-            "text-xl font-semibold dark:text-white overflow-hidden text-ellipsis whitespace-nowrap leading-1" +
-            (isSmall ? "my-1" : "my-2")
+            "font-semibold dark:text-white overflow-hidden text-ellipsis whitespace-nowrap leading-1" +
+            (isSmall ? " text-l" : " my-2 text-xl")
           }
         >
           {title}
@@ -80,7 +80,10 @@ export default function PublisherCard({
         {!url && description && (
           <p
             title={description}
-            className="text-gray-500 dark:text-gray-400 mb-2 line-clamp-2"
+            className={
+              "text-gray-500 dark:text-gray-400 line-clamp-2" +
+              (isSmall ? " -mt-1" : " mb-2")
+            }
           >
             {description}
           </p>

diff --git a/src/app/screens/LNURLPay/index.tsx b/src/app/screens/LNURLPay/index.tsx
@@ -482,7 +482,7 @@ function LNURLPay() {
                     )}
 
                     {showMoreFields && (
-                      <>
+                      <div className="mb-4">
                         {showNameField() && (
                           <div className="mt-4">
                             <TextField
@@ -509,9 +509,9 @@ function LNURLPay() {
                             />
                           </div>
                         )}
-                      </>
+                      </div>
                     )}
-                    <div className="mt-4 dark:border-white/10">
+                    <div className="mt-2 dark:border-white/10">
                       <ConfirmOrCancel
                         isFocused={false}
                         label={tCommon("actions.confirm")}