💄style: refine

Author: sakupi01

packages/ui/src/styles.css

@@ -157,19 +157,19 @@ div[data-rehype-pretty-code-title] {
 }
 
 .rlc-container {
-  @apply  w-full h-32 my-8 text-basic !no-underline after:!content-[''] flex items-start border-neutral-200 box-border rounded-md border-[1px] border-solid transition-all duration-200 ease-in-out;
+  @apply  w-full h-28 my-8 text-basic !no-underline after:!content-[''] flex items-start border-neutral-200 box-border rounded-md border-[1px] border-solid transition-all duration-200 ease-in-out;
 }
 
 .rlc-container:hover{
   @apply shadow-lg bg-neutral-50 scale-105;
 }
 
 .rlc-info {
-  @apply h-full w-4/6 px-3 py-4 flex flex-col shrink justify-between overflow-hidden text-left;
+  @apply h-full w-4/6 pl-5 pr-3 py-4 flex flex-col shrink justify-between overflow-hidden text-left;
 }
 
 .rlc-title {
-  @apply text-xl text-basic whitespace-nowrap overflow-hidden text-ellipsis no-underline ;
+  @apply text-lg font-semibold text-basic whitespace-nowrap overflow-hidden text-ellipsis no-underline ;
 }
 
 .rlc-description {
@@ -185,15 +185,15 @@ div[data-rehype-pretty-code-title] {
 }
 
 .rlc-url {
-  @apply text-basic text-sm whitespace-nowrap overflow-hidden text-ellipsis;
+  @apply text-basic text-xs whitespace-nowrap overflow-hidden text-ellipsis;
 }
 
 .rlc-image-container {
   @apply w-2/6 h-full overflow-y-hidden flex-1 basis-[100px];
 }
 
 .rlc-image {
-  @apply object-cover w-full h-full rounded-br rounded-tr;
+  @apply object-scale-down w-full h-full rounded-br rounded-tr;
 }
 
 .warning {