Style main cards

wdsrocha · Apr 4, 2021 · 68aea9f · 68aea9f
1 parent 39ef62f
commit 68aea9f
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 3 deletions.
diff --git a/packages/app/pages/contest/[id].tsx b/packages/app/pages/contest/[id].tsx
@@ -103,7 +103,10 @@ const ContestHeader = ({
   useInterval(() => setNow(dayjs()), contestStatus !== "ended" ? 1000 : null);
 
   return (
-    <Card title={<Title level={1}>{title}</Title>}>
+    <Card
+      className="card"
+      title={<Title level={1}>{title}</Title>}
+    >
       <Progress percent={percentage} showInfo={false} />
       <div className="flex flex-col md:flex-row md:justify-between md:items-center">
         <div>

diff --git a/packages/app/pages/index.tsx b/packages/app/pages/index.tsx
@@ -2,7 +2,7 @@ import { Card } from "antd";
 import Paragraph from "antd/lib/typography/Paragraph";
 
 const Home = () => (
-  <Card>
+  <Card className="card">
     <Paragraph>
       Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam pariatur
       eius, praesentium omnis ullam expedita laboriosam ipsum, magni, earum

diff --git a/packages/app/pages/problem/[id].tsx b/packages/app/pages/problem/[id].tsx
@@ -91,6 +91,7 @@ const Problem = ({
 
   return (
     <Card
+      className="card"
       title={<Title level={2}>{data.title}</Title>}
       extra={
         screens.sm ? (

diff --git a/packages/app/pages/problem/index.tsx b/packages/app/pages/problem/index.tsx
@@ -214,7 +214,7 @@ const Problem = () => {
   };
 
   return (
-    <Card title={<Title level={2}>Problemas</Title>}>
+    <Card className="card" title={<Title level={2}>Problemas</Title>}>
       <Table<Problem>
         size="middle"
         bordered

diff --git a/packages/app/styles/globals.css b/packages/app/styles/globals.css
@@ -15,3 +15,8 @@ body {
   box-sizing: border-box;
   white-space: pre-line;
 }
+
+.card {
+  @apply rounded-md;
+  @apply shadow-md;
+}