sagi/seepur
sagi/seepur
Archived
1
0
Fork 1
Code Issues 1 Pull requests Releases Wiki Activity

Consistent default bg of profiles

Browse source
This commit is contained in:
Sagi Dayan 2020-05-14 18:49:09 -04:00
parent 68ceb3d1c7
commit abf1a6e8ac
6 changed files with 25 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/cloudgroup.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

2
public/scripts/applications/admin/app.bundle.js
View file

File diff suppressed because one or more lines are too long

16
public/scripts/applications/home/app.bundle.js
View file

File diff suppressed because one or more lines are too long

2
public/scripts/components/navbar/app.bundle.js
View file

File diff suppressed because one or more lines are too long

2
public/scripts/views/register/app.bundle.js
View file

File diff suppressed because one or more lines are too long

17
resources/scripts/applications/home/components/ProfileHeader.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<section class="hero is-small p-t-xl p-b-xl" :style="style"> <section class="hero is-small p-t-xl p-b-xl is-light" :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> -->
@ -13,10 +13,19 @@ export default {
props: ["title", "background"], props: ["title", "background"],
computed: { computed: {
style() { style() {
return `background-image: url('${this.background || const defaultCss = `
"/images/clouds-bg.svg"}'); background-image: url("/images/cloudgroup.png"), url('/images/sun+clouds.svg');
background-size: contain, cover;
background-position: center top, center right;
background-repeat: repeat, no-repeat;
`;
const customCss = `
background-image: url('${this.background}');
background-size: cover; background-size: cover;
background-position: ${this.background ? "center" : "top center"}`; background-position: center
`;
const css = this.background ? customCss : defaultCss;
return css;
} }
} }
}; };