MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: SNS欄にYouTubeを追加

Browse Source
This commit is contained in:
yui540 2018-07-03 19:59:56 +09:00 committed by yui540
parent 4dfa2490cd
commit 0b607ac258
5 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -398,6 +398,9 @@
<a title="はてなブログ" href="https://yuki540.hatenablog.jp/archive" target="_blank"> <a title="はてなブログ" href="https://yuki540.hatenablog.jp/archive" target="_blank">
<i class="fas fa-edit"></i> <i class="fas fa-edit"></i>
</a> </a>
<a title="YouTube" href="https://www.youtube.com/channel/UCcrjkTnjMxXf7wnynsmWMzA/" target="_blank">
<i class="fab fa-youtube"></i>
</a>
<a title="Instagram" href="https://www.instagram.com/yui540net/" target="_blank"> <a title="Instagram" href="https://www.instagram.com/yui540net/" target="_blank">
<i class="fab fa-instagram"></i> <i class="fab fa-instagram"></i>
</a> </a>

2
public/sw.js
View File

@ -1,4 +1,4 @@
const CACHE_NAME = 'magical-girl.site_version6.0.2' const CACHE_NAME = 'magical-girl.site_version6.0.3'
const urlsToCache = [ const urlsToCache = [
'/', '/',
'/stylesheets/font.css', '/stylesheets/font.css',

9
src/scss/modules/pc/_top-page.scss
View File

@ -260,8 +260,8 @@
/*** sns ***/ /*** sns ***/
.top-page__sns { .top-page__sns {
position: absolute; position: absolute;
top: calc(50% - 100px); left: 0px; top: calc(50% - 125px); left: 0px;
width: 50px; height: 200px; width: 50px; height: 250px;
background-color: #fff; background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -303,9 +303,12 @@
} }
a:nth-child(3) { a:nth-child(3) {
i { font-size: 22px; } i { font-size: 22px; }
&::before { background-color: $theme-light-pink; } &::before { background-color: #F5E0A0; }
} }
a:nth-child(4) { a:nth-child(4) {
&::before { background-color: $theme-light-pink; }
}
a:nth-child(5) {
&::before { background-color: #C7B3D6; } &::before { background-color: #C7B3D6; }
} }
} }

9
src/scss/modules/sp/_top-page.scss
View File

@ -259,8 +259,8 @@
/*** sns ***/ /*** sns ***/
.top-page__sns { .top-page__sns {
position: absolute; position: absolute;
bottom: 0; left: calc(50% - 100px); bottom: 0; left: calc(50% - 125px);
width: 200px; height: 50px; width: 250px; height: 50px;
background-color: #fff; background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -304,9 +304,12 @@
} }
a:nth-child(3) { a:nth-child(3) {
i { font-size: 22px; } i { font-size: 22px; }
&::before { background-color: $theme-light-pink; } &::before { background-color: #F5E0A0; }
} }
a:nth-child(4) { a:nth-child(4) {
&::before { background-color: $theme-light-pink; }
}
a:nth-child(5) {
&::before { background-color: #C7B3D6; } &::before { background-color: #C7B3D6; }
} }
} }

9
src/scss/modules/tablet/_top-page.scss
View File

@ -259,8 +259,8 @@
/*** sns ***/ /*** sns ***/
.top-page__sns { .top-page__sns {
position: absolute; position: absolute;
bottom: 0; left: calc(50% - 100px); bottom: 0; left: calc(50% - 125px);
width: 200px; height: 50px; width: 250px; height: 50px;
background-color: #fff; background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -303,9 +303,12 @@
} }
a:nth-child(3) { a:nth-child(3) {
i { font-size: 22px; } i { font-size: 22px; }
&::before { background-color: $theme-light-pink; } &::before { background-color: #F5E0A0; }
} }
a:nth-child(4) { a:nth-child(4) {
&::before { background-color: $theme-light-pink; }
}
a:nth-child(5) {
&::before { background-color: #C7B3D6; } &::before { background-color: #C7B3D6; }
} }
} }