fix: enhance ui

mehdibha · Jan 5, 2024 · fe82931 · fe82931
1 parent d432d0b
commit fe82931
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/apps/web/src/app/(marketing)/blog/post-list-item.tsx b/apps/web/src/app/(marketing)/blog/post-list-item.tsx
@@ -25,7 +25,7 @@ export const PostListItem = (props: PostListItemProps) => {
         {/* background */}
         <div className="absolute left-0 top-0 z-0 h-full w-full rounded-xl border bg-[rgba(50,50,50,0.1)] opacity-50 shadow-md transition-all duration-300 group-hover:opacity-100 dark:bg-[rgba(230,230,230,0.1)] dark:from-transparent dark:via-transparent dark:to-transparent" />
         {/* content */}
-        <div className="flex space-x-2 p-6 sm:flex-row">
+        <div className="flex space-x-2 p-4 sm:flex-row md:p-6">
           <div className="w-full">
             <div className="mb-1 flex space-x-1">
               <div>

diff --git a/apps/web/src/app/(marketing)/blog/posts-explorer.tsx b/apps/web/src/app/(marketing)/blog/posts-explorer.tsx
@@ -39,9 +39,9 @@ export const PostsExplorer = (props: PostsExplorerProps) => {
 
   return (
     <div className={className}>
-      <h2 className="mb-5 text-xl font-bold">Search blog by topics</h2>
+      <h2 className="mb-2 mt-4 text-xl font-bold">Search blog by topics</h2>
       <TagsSelect
-        className="mb-4"
+        className="mb-6"
         tags={tags}
         selectedTags={selectedTags}
         handleTagClick={handleTagClick}

diff --git a/apps/web/src/components/hero.tsx b/apps/web/src/components/hero.tsx
@@ -34,7 +34,7 @@ export const Hero = (props: HeroProps) => {
   const { headline, subheadline, cta, demoVideo } = props;
   return (
     <section className="relative px-6">
-      <h1 className="font-display text-center text-3xl sm:text-4xl md:text-5xl lg:text-6xl">
+      <h1 className="font-display text-center text-4xl md:text-5xl lg:text-6xl">
         {headline.split("\n").map((line, index) => (
           <span key={index}>
             {stringReplace(line, /\*\*(.*?)\*\*/g, (match, index) => (

diff --git a/apps/web/src/components/tags-select.tsx b/apps/web/src/components/tags-select.tsx
@@ -15,7 +15,7 @@ export const TagsSelect = (props: TagsSelectProps) => {
   const { tags, selectedTags, handleTagClick, className } = props;
 
   return (
-    <div className={cn("flex flex-wrap gap-4", className)}>
+    <div className={cn("flex flex-wrap gap-2", className)}>
       {tags.map((tag) => {
         const selected = selectedTags.findIndex((elem) => elem === tag) > -1;
         const onClick = () => {