Subscribe section reconfigured.

regarding the #137 sign up button color changed. Also the text style changed on the related section. Co-authored-by: Mani Anand <mani.anand@fau.de>
amosproj · Jul 1, 2021 · cdb4e79 · cdb4e79
1 parent 1d77dc1
commit cdb4e79
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/frontend/src/components/mydashboard/MydashboardItemComponent.js b/frontend/src/components/mydashboard/MydashboardItemComponent.js
@@ -209,7 +209,7 @@ function MydashboardItemComponent() {
             </Row>
             <Row horizontal='space-between' style={{ padding: 0, margin: 0 }}  breakpoints={{ 1024: 'column' }}>
                 <div className='ContactContainer'>
-                    <footer className='w3-center w3-purple w3-padding-16'>
+                    <footer className='w3-center w3-padding-16' >
                         <p>For latest Updates</p>
                         <form className='form-inline w3-padding-16'>
                             Subscribe :
@@ -219,7 +219,7 @@ function MydashboardItemComponent() {
                                 size={50}
                                 placeholder='Email Address'
                             />
-                            <button type='button'>Sign Up</button>
+                            <button type='button' className='SignUp'>Sign Up</button>
                         </form>
 
                         <p>

diff --git a/frontend/src/components/mydashboard/mydashboard.css b/frontend/src/components/mydashboard/mydashboard.css
@@ -45,16 +45,30 @@
     height: 15%;
     width: 80%;
     position: fixed;
+    background-color: #643082;
     justify-content: first baseline;
+    color: #ffffff;
 }
 
 .ContactContainer p{
     font-family: inherit;
     font-style: normal;
     font-weight: normal;
+    color: #ffffff;
     font-size: var(--global--text-title--FontSize)-8;
 }
 
+.SignUp {
+    background-color: #ad65dd;
+    color: white;
+    border-color:#ad65dd;
+}
+.SignUp:hover {
+    opacity: 0.8;
+    background-color: #bc79fa !important;
+    color: white !important;
+}
+
 .star {
     float: left;
     color: var(--global--button--text--color);