Fixed blur

This commit is contained in:
Jesse James Isler 2022-03-28 11:41:31 +02:00
parent 4c0ee4fec8
commit 92f3ee5082
2 changed files with 24 additions and 20 deletions

View File

@ -7,5 +7,7 @@ html {
}
.card {
opacity: 0.95 !important;
backdrop-filter: blur(40px) !important;
}
.blurry {
backdrop-filter: blur(40px) !important;
}

View File

@ -36,27 +36,29 @@
include $filename;
echo '
<div class="col s12 m6">
<div class="card '.$color.' '.$tcolor.'-text">
<div class="card-content">
<span class="card-title">'.$name.'</span>
<p>'.$description.'</p>
</div>
<div class="card-tabs">
<ul class="tabs tabs-fixed-width">
<li class="tab col s3">
<a class="active" href="#'.$name.'h2p">How to play</a>
</li>
<li class="tab col s3">
<a href="#'.$name.'pbw">Plays best with</a>
<div class="blurry">
<div class="card '.$color.' '.$tcolor.'-text">
<div class="card-content">
<span class="card-title">'.$name.'</span>
<p>'.$description.'</p>
</div>
<div class="card-tabs">
<ul class="tabs tabs-fixed-width">
<li class="tab col s3">
<a href="#'.$name.'convars">Convars</a>
<a class="active" href="#'.$name.'h2p">How to play</a>
</li>
</ul>
</div>
<div class="card-content grey lighten-4 black-text">
<div id="'.$name.'h2p">'.$howtoplay.'</div>
<div id="'.$name.'pbw">'.$playsbestwith.'</div>
<div id="'.$name.'convars">'.$convars.'</div>
<li class="tab col s3">
<a href="#'.$name.'pbw">Plays best with</a>
<li class="tab col s3">
<a href="#'.$name.'convars">Convars</a>
</li>
</ul>
</div>
<div class="card-content grey lighten-4 black-text">
<div id="'.$name.'h2p">'.$howtoplay.'</div>
<div id="'.$name.'pbw">'.$playsbestwith.'</div>
<div id="'.$name.'convars">'.$convars.'</div>
</div>
</div>
</div>
</div>