Fix width consistency across standalone interactive pages

- Update all standalone pages to use consistent container width
- Replace max-w-6xl with container mx-auto for better responsiveness
- Ensure identical width between standalone and theme page access
- Fix BinarySearchTrick and TernarySearchTrick standalone pages
- Update green screen versions for consistency
This commit is contained in:
Neeldhara Misra 2025-07-20 10:46:11 +05:30
parent 7451682dd5
commit 8c9a8507c8
4 changed files with 7 additions and 7 deletions

View file

@ -8,7 +8,7 @@ const BinarySearchTrickGreenScreen = () => {
return ( return (
<GreenScreenWrapper mode={greenScreenMode}> <GreenScreenWrapper mode={greenScreenMode}>
<div className="space-y-6"> <div className="container mx-auto px-4 py-8">
<BinarySearchTrick showSocialShare={false} /> <BinarySearchTrick showSocialShare={false} />
</div> </div>
</GreenScreenWrapper> </GreenScreenWrapper>

View file

@ -2,9 +2,9 @@ import BinarySearchTrick from '@/components/BinarySearchTrick';
const BinarySearchTrickPage = () => { const BinarySearchTrickPage = () => {
return ( return (
<div className="min-h-screen bg-background p-6"> <div className="min-h-screen bg-background">
<div className="max-w-7xl mx-auto"> <div className="container mx-auto px-4 py-8">
<BinarySearchTrick /> <BinarySearchTrick showSocialShare={true} />
</div> </div>
</div> </div>
); );

View file

@ -8,7 +8,7 @@ const TernarySearchTrickGreenScreen = () => {
return ( return (
<GreenScreenWrapper mode={greenScreenMode}> <GreenScreenWrapper mode={greenScreenMode}>
<div className="space-y-6"> <div className="container mx-auto px-4 py-8">
<TernarySearchTrick showSocialShare={false} /> <TernarySearchTrick showSocialShare={false} />
</div> </div>
</GreenScreenWrapper> </GreenScreenWrapper>

View file

@ -2,8 +2,8 @@ import TernarySearchTrick from '@/components/TernarySearchTrick';
const TernarySearchTrickPage = () => { const TernarySearchTrickPage = () => {
return ( return (
<div className="min-h-screen bg-background flex items-center justify-center"> <div className="min-h-screen bg-background">
<div className="w-full max-w-6xl px-4 py-8"> <div className="container mx-auto px-4 py-8">
<TernarySearchTrick showSocialShare={true} /> <TernarySearchTrick showSocialShare={true} />
</div> </div>
</div> </div>