Modify css styling for translation component

kohei-s · Sep 20, 2023 · 412b85f · 412b85f
1 parent af3f60b
commit 412b85f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/frontend/src/Translation/TranslationCard.css b/frontend/src/Translation/TranslationCard.css
@@ -9,6 +9,4 @@
     margin: 0;
     background: #FDF6E1;
     border: 1px;
-    borderColor: "rgba(122,119,119,0.3)";
-    borderRadius: '15px'
 }
diff --git a/frontend/src/Translation/TranslationCard.tsx b/frontend/src/Translation/TranslationCard.tsx
@@ -35,7 +35,8 @@ export default function TranslationCard() {
                      alt={"translation-logo"}/>
             </div>
             <div className={"translation"}>
-                <Card className="translation-card" sx={{boxShadow: 0}}>
+                <Card className="translation-card" sx={{boxShadow: 0,  borderColor: "rgba(122,119,119,0.3)",
+                    borderRadius: '15px'}}>
                     <CardContent>
                         <Typography sx={{fontSize: 14}} color="text.secondary" gutterBottom component="div">
                             Translate into Japanese