Merge pull request #77 from AElfProject/feature/css

feat: style
AElfProject · Aug 2, 2024 · 89dfd9b · 89dfd9b
2 parents 3d8dab9 + ba44b48
commit 89dfd9b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 10 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -63,7 +63,7 @@ export default async function Home() {
                 {emojiObj[ele.title] && (
                   <span className="mr-2">{emojiObj[ele.title]}</span>
                 )}
-                <Link href={`/wiki${ele.url_path}/}`}>{ele.title}</Link>
+                <Link href={`/wiki/${ele.url_path}/`}>{ele.title}</Link>
               </h2>
               {ele.has_child && getChildList(ele, 0, url)}
             </ul>

diff --git a/components/Header/index.css b/components/Header/index.css
@@ -18,6 +18,11 @@
 }
 .header-menu.ant-menu-horizontal {
   border-bottom: 0;
+  .ant-menu-item {
+    display: flex;
+    align-items: center;
+    height: 60px;
+  }
 }
 .header-drawer-container {
   .ant-drawer-header {

diff --git a/components/Header/index.tsx b/components/Header/index.tsx
@@ -169,7 +169,7 @@ export default function Header({ menu, baseConfig }: Props) {
             ])}
             width={115}
             height={32}
-            className="h-8"
+            className="w-[107px] max-w-fit"
             alt="logo"
           ></CustomImage>
         </Link>
@@ -183,7 +183,7 @@ export default function Header({ menu, baseConfig }: Props) {
           />
         </div>
 
-        <div className="flex items-center space-x-4 justify-end md:mr-5">
+        <div className="flex items-center space-x-4 justify-end ml-auto sm:mr-5">
           {baseConfig.blog && (
             <a
               href={baseConfig.blog}
@@ -202,7 +202,7 @@ export default function Header({ menu, baseConfig }: Props) {
             <ThemeToggler />
           </span>
         </div>
-        <div className="flex flex-1 items-center space-x-2 justify-end">
+        <div className="flex items-center justify-end ml-0">
           <Search />
         </div>
       </div>

diff --git a/components/blocks/child-pages.tsx b/components/blocks/child-pages.tsx
@@ -48,7 +48,7 @@ export async function ChildPages(props: ChildPages) {
     <div className="grid lg:grid-cols-2 gap-2 my-8">
       {data.map(i => (
         <Link key={key()} href={i.href}>
-          <Card className="border-card-border-color hover:border-card-hover-border-color h-full">
+          <Card className="h-full">
             <CardHeader>
               <CardTitle>{i.title}</CardTitle>
             </CardHeader>

diff --git a/components/ui/card.tsx b/components/ui/card.tsx
@@ -8,10 +8,7 @@ const Card = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    )}
+    className={cn("bg-card text-card-foreground shadow-sm", className)}
     {...props}
   />
 ));
@@ -24,7 +21,7 @@ const CardHeader = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "flex flex-col space-y-1.5 p-6 bg-card-background-color",
+      "flex flex-col space-y-1.5 p-6 bg-card-background-color rounded-lg border border-card-border-color hover:border-card-hover-border-color ",
       className
     )}
     {...props}