diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index d46da5696..67e5ebf6d 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -156,10 +156,6 @@ let routes: Routes = [
children: [],
component: AddressComponent
},
- {
- path: 'sponsor',
- component: SponsorComponent,
- },
],
},
{
@@ -442,6 +438,10 @@ let routes: Routes = [
path: 'status',
component: StatusViewComponent
},
+ {
+ path: 'sponsor',
+ component: SponsorComponent,
+ },
{
path: '**',
redirectTo: ''
@@ -584,10 +584,6 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
path: 'trademark-policy',
component: TrademarkPolicyComponent
},
- {
- path: 'sponsor',
- component: SponsorComponent,
- },
],
},
{
@@ -712,10 +708,6 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
path: 'trademark-policy',
component: TrademarkPolicyComponent
},
- {
- path: 'sponsor',
- component: SponsorComponent,
- },
],
},
{
diff --git a/frontend/src/app/components/sponsor/sponsor.component.html b/frontend/src/app/components/sponsor/sponsor.component.html
index 001ea1272..b0218f78b 100644
--- a/frontend/src/app/components/sponsor/sponsor.component.html
+++ b/frontend/src/app/components/sponsor/sponsor.component.html
@@ -1,5 +1,9 @@
-
diff --git a/frontend/src/app/components/sponsor/sponsor.component.scss b/frontend/src/app/components/sponsor/sponsor.component.scss
index d8cf49460..11b502143 100644
--- a/frontend/src/app/components/sponsor/sponsor.component.scss
+++ b/frontend/src/app/components/sponsor/sponsor.component.scss
@@ -15,8 +15,8 @@
}
.card {
- width: 220px;
- height: 200px;
+ width: 240px;
+ height: 220px;
background-color: #1d1f31;
border: 2px solid #1d1f31;
cursor: pointer;
@@ -46,7 +46,9 @@
&:hover {
background-color: #5058926b;
border: 2px solid #505892;
- transform: scale(1.11) translateY(-10px);
+ transform: scale(1.1) translateY(-10px);
+ margin-top: 70px;
+
.card-header {
background-color: #505892;
}
@@ -54,7 +56,7 @@
}
.donation-form {
- max-width: 240px;
+ max-width: 280px;
margin: auto;
button {
width: 100%;
@@ -72,14 +74,28 @@
justify-content: center;
}
+.middle-card {
+ width: 280px;
+ height: 260px;
+ margin-top: 40px;
+ &:hover {
+ margin-top: 50px;
+ }
+}
+
.shiny-border {
background-color: #5058926b;
border: 2px solid #505892;
- transform: scale(1.11) translateY(-10px);
+ transform: scale(1.1) translateY(-10px);
+ margin-top: 70px;
box-shadow: 0px 0px 100px #9858ff52;
.card-header {
background-color: #505892;
}
+
+ &.middle-card {
+ margin-top: 50px;
+ }
}
.input-group {
@@ -106,4 +122,16 @@
margin-left: 10px;
}
}
+}
+
+.logo {
+ margin: 30px;
+}
+
+.card-body {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ height: 100%;
}
\ No newline at end of file