Resolve residual stlyed components

OSU-MC · Nov 1, 2024 · bd2bc27 · bd2bc27
1 parent f1508b1
commit bd2bc27
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/client/src/components/Notice.jsx b/client/src/components/Notice.jsx
@@ -7,23 +7,21 @@ const noticeGreen = '#77dd77'
 
 function Notice(props) {
 
-    const NoticeContainer = styled.div`
-        display: flex;
-        flex-direction: row;
-        background-color: ${props.status == "error" ? noticeRed : ( props.status == "success" ? noticeGreen : noticeBlue)};
-        padding: 10px;
-        border-radius: 20px;
-        justify-content: center;
-        margin: 10px;
-        max-width: 450px;
-    `
-
     return (
     <div style={{
         display: 'flex',
         justifyContent: 'center'
     }}>
-        <NoticeContainer>
+        <div style={{
+            display: 'flex',
+            flexDirection: 'row',
+            backgroundColor: `${props.status == "error" ? noticeRed : ( props.status == "success" ? noticeGreen : noticeBlue)}`,
+            padding: '10px',
+            borderRadius: '20px',
+            justifyContent: 'center',
+            margin: '10px',
+            maxWidth: '450px',
+        }}>
             <div style={{
                 marginRight: '10px'
             }}>
@@ -33,7 +31,7 @@ function Notice(props) {
                 fontWeight: 600
             }}> {props.message}
             </div>
-        </NoticeContainer>
+        </div>
     </div>)
 
 }