ui: fix newspaper banners UI

seed-hypermedia · Oct 22, 2024 · 7a7cd62 · 7a7cd62
1 parent 664466a
commit 7a7cd62
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/frontend/apps/desktop/src/models/documents.ts b/frontend/apps/desktop/src/models/documents.ts
@@ -258,7 +258,6 @@ export function usePublishDraft(
                 )
               capabilityId = capability.id
             }
-            console.log(`== ~ mutationFn: ~ allChanges:`, allChanges)
             const publishedDoc =
               await grpcClient.documents.createDocumentChange({
                 signingKeyName: draft.signingAccount,

diff --git a/frontend/packages/ui/src/newspaper.tsx b/frontend/packages/ui/src/newspaper.tsx
@@ -32,7 +32,8 @@ export function BannerNewspaperCard({
       {...baseCardStyles}
       flexDirection="column"
       marginTop="$4"
-      minHeight={340}
+      minHeight={200}
+      maxHeight={300}
       $gtMd={{flexDirection: "row"}}
       {...linkProps}
     >
@@ -99,9 +100,11 @@ function NewspaperCardContent({
   }, [entity?.document]);
   return (
     <YStack padding={banner ? "$5" : "$3"} gap="$3" f={1}>
-      <SizableText size={banner ? "$8" : "$5"} fontWeight="bold">
-        {entity?.document?.metadata?.name}
-      </SizableText>
+      <YStack overflow="hidden" maxHeight={(banner ? 30 : 23) * 3}>
+        <SizableText size={banner ? "$8" : "$5"} fontWeight="bold">
+          {entity?.document?.metadata?.name}
+        </SizableText>
+      </YStack>
       <YStack overflow="hidden" maxHeight={(banner ? 27 : 21) * 3}>
         <SizableText
           color="$color10"