Skip to content

bug solved in header component for tablet view (768px) #95

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sairam5686 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

bug solved in header component for tablet view (768px) #95

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions components/drip/navbar/basicNavbars.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ export const basicNavbars = [
mobileStyle: "flex justify-between transition-all duration-500 ease-in items-center relative bg-black py-3 px-6 text-white w-11/12 mx-auto",
labelStyle: "lg:hidden w-10 h-1 relative rounded-full bg-white after:w-10 after:h-1 after:rounded-full after:bg-white before:w-10 before:h-1 before:rounded-full before:bg-white after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
mobileLabelStyle: "w-10 h-1 relative transition-all duration-500 ease-in rounded-full bg-white after:w-10 after:h-1 after:rounded-full after:bg-white before:w-10 before:h-1 before:rounded-full before:bg-white after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[100vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
mobileListContainerStyle: " absolute -translate-x-[200vh] justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-all duration-700 left-0 right-0 bg-black",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[150vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
mobileListContainerStyle: "absolute -translate-x-[150vh] justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-all duration-700 left-0 right-0 bg-black",
logoStyle: "w-16 h-16 basis-16 rounded-full bg-white text-black font-bold flex items-center justify-center",
childrenStyle: "p-6 cursor-pointer flex lg:p-0 lg:hover:bg-inherit hover:bg-gray-500 transition-colors duration-700 ease-in",
mobileChildrenStyle: "p-6 cursor-pointer flex hover:bg-gray-500 transition-colors duration-300 ease-in",
Expand Down Expand Up @@ -45,7 +45,7 @@ export const basicNavbars = [
mobileStyle: "flex justify-between transition-all duration-500 ease-in items-center relative bg-black py-3 px-6 text-white w-11/12 mx-auto",
labelStyle: "lg:hidden w-10 h-1 relative rounded-full bg-transparent after:w-8 after:h-1 after:rounded-full after:bg-white before:w-8 before:h-1 before:rounded-full before:bg-white after:absolute after:top-1.5 before:-top-1.5 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
mobileLabelStyle: "w-10 h-1 relative transition-all duration-500 ease-in rounded-full bg-white after:w-10 after:h-1 after:rounded-full after:bg-white before:w-10 before:h-1 before:rounded-full before:bg-white after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer hover:cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[100vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[150vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
mobileListContainerStyle: " absolute -translate-x-[200vh] justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-all duration-700 left-0 right-0 bg-black",
logoStyle: "w-16 h-16 basis-16 rounded-full bg-white text-black font-bold flex items-center justify-center",
childrenStyle: "p-6 cursor-pointer flex lg:p-0 lg:hover:bg-inherit hover:bg-gray-500 transition-colors duration-700 ease-in",
Expand Down Expand Up @@ -82,7 +82,7 @@ export const basicNavbars = [
mobileStyle: "flex justify-between transition-all duration-500 border-black border-2 ease-in items-center relative bg-white py-3 px-6 text-white w-11/12 mx-auto",
labelStyle: "lg:hidden w-10 h-1 relative rounded-full bg-black after:w-10 after:h-1 after:rounded-full after:bg-black before:w-10 before:h-1 before:rounded-full before:bg-black after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
mobileLabelStyle: "w-10 h-1 relative transition-all duration-500 ease-in rounded-full bg-black after:w-10 after:h-1 after:rounded-full after:bg-black before:w-10 before:h-1 before:rounded-full before:bg-black after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[100vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[150vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
mobileListContainerStyle: " absolute -translate-x-[200vh] justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-all duration-700 left-0 right-0 bg-black",
logoStyle: "w-16 h-16 basis-16 rounded-full bg-black text-white font-bold flex items-center justify-center",
childrenStyle: "p-6 cursor-pointer flex lg:p-0 lg:hover:bg-inherit hover:bg-gray-500 transition-colors duration-700 ease-in",
Expand Down Expand Up @@ -119,7 +119,7 @@ export const basicNavbars = [
mobileStyle: "flex justify-between transition-all duration-500 ease-in items-center relative border-black border-2 bg-white py-3 px-6 text-white w-11/12 mx-auto",
labelStyle: "lg:hidden w-10 h-1 relative rounded-full bg-transparent after:w-8 after:h-1 after:rounded-full after:bg-black before:w-8 before:h-1 before:rounded-full before:bg-black after:absolute after:top-1.5 before:-top-1.5 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
mobileLabelStyle: "w-10 h-1 relative transition-all duration-500 ease-in rounded-full bg-transparent after:w-10 after:h-1 after:rounded-full after:bg-black before:w-10 before:h-1 before:rounded-full before:bg-black after:absolute after:top-2 before:-top-2 before:absolute cursor-pointer peer-checked:before:top-0 peer-checked:after:top-0 peer-checked:after:rotate-45 peer-checked:before:-rotate-45 after:transition-transform after:duration-500 before:transition-transform before:duration-500 ease-in peer-checked:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[100vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
listContainerStyle: "lg:flex lg:translate-x-0 lg:peer-checked:static absolute lg:static -translate-x-[150vh] lg:basis-3/5 justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-transform duration-500 left-0 right-0 bg-black lg:bg-transparent",
mobileListContainerStyle: " absolute -translate-x-[200vh] justify-evenly font-extrabold peer-checked:translate-x-0 top-[88px] transition-all duration-700 left-0 right-0 bg-black",
logoStyle: "w-16 h-16 basis-16 rounded-full bg-black text-white font-bold flex items-center justify-center",
childrenStyle: "p-6 cursor-pointer flex lg:p-0 lg:hover:bg-inherit hover:bg-gray-500 transition-colors duration-700 ease-in",
Expand Down