Areya
/
basic-business-template
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

added glas effekt for cookie-banner

master
Benjamin Völkl 2024-01-10 21:42:48 +01:00
parent 3fd5b9c2ed
commit 2187516ff1
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
content/includes/cookie-banner.blade.php
View File

@ -1,4 +1,20 @@
<div class="container fixed-bottom py-3 text-light rounded" id="cookie-settings" style="margin-bottom: 30px; background-color: {{$_primary_ci_color}}; bottom: -100%;">
<style>
#cookie-settings{
transition: background 0.8s ease;
background: {{$_primary_ci_color}}80;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid {{$_primary_ci_color}}30;
margin-bottom: 70px;
}
#cookie-settings:hover{
background: {{$_primary_ci_color}} !important;
}
</style>

<div class="container fixed-bottom p-3 text-light rounded scroll" id="cookie-settings">
<div class="row">
<div class="col-12" style="max-height: 10vh;overflow: auto;">
<h4 class="text-light mt-2">
@ -249,3 +265,10 @@
</div>
</div>
</div>


<style>
#cookie-settings:hover{
background-color: background: {{$_primary_ci_color}}; ;
}
</style>