blog post filtering made functional

This commit is contained in:
timurgordon
2022-02-11 14:01:23 +03:00
parent 4db8c88e3c
commit 5117bc1b70
6 changed files with 22 additions and 17 deletions

View File

@@ -21,7 +21,7 @@
}
function hideMenu() {
document.getElementById('learn').className = "absolute inset-x-0 transform shadow-lg backdrop-blur transition ease-in duration-150 opacity-0 -translate-y-1";
document.getElementById('learn').className = "hidden absolute inset-x-0 transform shadow-lg backdrop-blur transition ease-in duration-150 opacity-0 -translate-y-1";
}
window.onload = function(){
@@ -103,7 +103,7 @@
To: "opacity-0 -translate-y-1"
md:block or hidden
-->
<div id="learn" class="opacity-0 -translate-y-1 absolute inset-x-0 transform shadow-lg backdrop-blur">
<div id="learn" class="hidden opacity-0 -translate-y-1 absolute inset-x-0 transform shadow-lg backdrop-blur">
<div class="bg-semi-white">
<div class="max-w-7xl mx-auto grid gap-y-6 px-4 py-6 sm:grid-cols-2 sm:gap-8 sm:px-6 sm:py-8 lg:grid-cols-4 lg:px-8 lg:py-12 xl:py-16">
<div href="#" class="-m-3 p-3 flex flex-col justify-between space-y-6 rounded-lg transition ease-in-out duration-150">
@@ -351,7 +351,7 @@
From: "opacity-100 scale-100"
To: "opacity-0 scale-95"
-->
<div class="absolute z-20 top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden">
<div class="hidden absolute z-20 top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden">
<div class="rounded-lg shadow-lg">
<div class="rounded-lg shadow-xs bg-white divide-y-2 divide-gray-50">
<div class="pt-5 pb-6 px-5 space-y-6 sm:space-y-8 sm:pb-8">