gilles/webgems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

♻️ fix cookie banner design

Browse Source
This commit is contained in:
lostdesign
2019-10-25 10:01:30 +02:00
parent 3db2ce9fe8
commit 8956642984
1 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
layouts/default.vue
View File

@@ -7,7 +7,7 @@
template(v-if="showNotice") template(v-if="showNotice")
.cookie .cookie
p This site uses cookies, please read our  p This site uses cookies, please read our 
nuxt-link.highlighted.highlighted__inverted(to="privacy-policy") Privacy policy. nuxt-link.highlighted(to="privacy-policy") Privacy policy.
button(@click.preventDefault="hideCookieNotice") X button(@click.preventDefault="hideCookieNotice") X
nuxt.content nuxt.content
@@ -186,12 +186,6 @@ h1 {
background-color: #008190; background-color: #008190;
color: white; color: white;
} }
&__inverted{
background-color: #232331;
color: #08e5ff;
border-radius: .2rem;
}
} }
.cookie { .cookie {
@@ -199,16 +193,17 @@ h1 {
margin: 1rem; margin: 1rem;
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: #08e5ff; background-color: #232331;
padding: 0 1rem; padding: 0 1rem;
border-radius: .3rem; border-radius: .3rem;
box-shadow:inset 0px 0px 0px 2px #08e5ff;
p { p {
color: #212121;
font-size: 12px; font-size: 12px;
} }
button { button {
color: #fff;
background: none; background: none;
border: none; border: none;
margin-left: .8rem; margin-left: .8rem;