Peps
/
v3.0.0
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add background to main page

This commit is contained in:
Pitu 2019-02-26 23:13:18 +09:00
parent 6cd31674d5
commit 62c0c1db20
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/site/assets/images/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

14
src/site/pages/index.vue
View File

@ -25,12 +25,26 @@
color: $textColorHighlight; color: $textColorHighlight;
} }
} }
div.background {
position: fixed;
top: 0;
left: 0;
background: no-repeat scroll 50% 50%;
background-size: cover;
background-image: url('~assets/images/background.jpg');
z-index: -1;
height: 100vh;
width: 100%;
pointer-events: none;
}
} }
</style> </style>
<template> <template>
<div class="home"> <div class="home">
<section class="hero is-fullheight has-text-centered"> <section class="hero is-fullheight has-text-centered">
<div class="background" />
<Navbar :isWhite="true" /> <Navbar :isWhite="true" />
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">