diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss index 7849733..47e0d6c 100644 --- a/src/assets/styles/element-variables.scss +++ b/src/assets/styles/element-variables.scss @@ -32,8 +32,8 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; } .PageHeader{ width:53vw; - height:70px; - margin-left:20vw; + height:55px; + margin-left:13vw; margin-top:50px; border-radius: 6px; background-color: #ffffff; @@ -41,9 +41,33 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; } .PageContent{ width:53vw; - margin-left:20vw; + margin-left:13vw; margin-top:20px; border-radius: 6px; background-color: #ffffff; - box-shadow: -10px 5px 10px 5px #eaeaea + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.UserInfo{ + width:20vw; + margin-left:20px; + margin-top:50px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.RightContent{ + width:20vw; + margin-top:10px; + margin-left:20px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.ReferralProgram{ + width:20vw; + margin-top:10px; + margin-left:20px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; } \ No newline at end of file diff --git a/src/components/Monthly.vue b/src/components/Monthly.vue index 225e800..1e91137 100644 --- a/src/components/Monthly.vue +++ b/src/components/Monthly.vue @@ -3,65 +3,133 @@ -