forked from sagi/seepur
Removed the default header image in profiles+childrenProfiles. Using the landing page cloud svg
This commit is contained in:
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
|
@ -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"}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue