Removed the default header image in profiles+childrenProfiles. Using the landing page cloud svg

This commit is contained in:
Sagi Dayan 2020-05-02 15:59:57 -04:00
parent 85d545c885
commit 133d44d5a9
7 changed files with 18 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2,7 +2,7 @@
<section class="hero is-small p-t-xl p-b-lg" :style="style"> <section class="hero is-small p-t-xl p-b-lg" :style="style">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title has-text-light">{{title}}</h1> <!-- <h1 class="title has-text-light">{{title}}</h1> -->
</div> </div>
</div> </div>
</section> </section>
@ -14,9 +14,9 @@ export default {
computed: { computed: {
style() { style() {
return `background-image: url('${this.background || return `background-image: url('${this.background ||
"/images/landing-hero01.jpg"}'); "/images/clouds-bg.svg"}');
background-size: cover; background-size: cover;
background-position: center;`; background-position: ${this.background ? "center" : "top center"}`;
} }
} }
}; };

View file

@ -55,6 +55,14 @@
<div class="column"> <div class="column">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<nav class="level">
<!-- Left side -->
<div class="level-left">
<div class="level-item">
<h1 class="title">{{`${child.name.split(' ')[0]}'s Room`}}</h1>
</div>
</div>
</nav>
<nav class="level"> <nav class="level">
<!-- Left side --> <!-- Left side -->
<div class="level-left"> <div class="level-left">

View file

@ -56,7 +56,7 @@
<!-- Left side --> <!-- Left side -->
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h1 class="title">My Room</h1> <h1 class="title">{{`${user.name.split(' ')[0]}'s Room`}}</h1>
</div> </div>
</div> </div>