krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 15:48:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Corrects the white bar above the header and updates the text styling (#10772)

Browse Source
This commit is contained in:
Tressley Cahill
2018-10-23 07:50:02 -04:00
committed by Matteo Pagliazzi
parent 4ed1082558
commit 90d6e443ba
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
website/client/components/groups/groupPlan.vue
View File

@@ -5,7 +5,8 @@ div
.header .header
h1.text-center Need more for your Group? h1.text-center Need more for your Group?
.row .row
.col-6.offset-3.text-center {{ $t('groupBenefitsDescription') }} .col-8.offset-2.text-center
h2.sub-text {{ $t('groupBenefitsDescription') }}
.container.benefits .container.benefits
.row .row
.col-4 .col-4
@@ -165,23 +166,32 @@ div
} }
.header { .header {
margin-bottom: 3em; background: #432874;
margin-top: 4em; background: linear-gradient(180deg, #4F2A93 0%, #432874 100%);
background-color: #4f2a93;
color: #fff; color: #fff;
padding: 2em; padding: 2em;
height: 356px; height: 340px;
margin-bottom: 2em;
margin-left: -12px; margin-left: -12px;
margin-right: -12px; margin-right: -12px;
h1 { h1 {
font-size: 48px; font-size: 48px;
line-height: 1.16;
margin-top: 12px;
color: #fff; color: #fff;
} }
h2.sub-text {
color: #D5C8FF;
font-size: 24px;
font-weight: 400;
line-height: 1.33;
}
} }
.benefits { .benefits {
margin-top: -12em; margin-top: -10em;
.box { .box {
height: 416px; height: 416px;