AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-3ffc2c202f234d578b6da575b412ade3

Browse source 
cgen-3ffc2c202f234d578b6da575b412ade3
This commit is contained in:
Builder.io 2025-11-07 20:53:04 +00:00
parent 9826796730
commit ad05588ba7
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
client/components/Layout.tsx
View file

@ -142,16 +142,18 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
{/* Mobile Logo - Expandable Arms */}
<button
onClick={() => setMobileArmsOpen(!mobileArmsOpen)}
className={`sm:hidden relative h-10 w-10 flex items-center justify-center rounded-lg transition-all duration-300 ${
className={`sm:hidden relative h-12 w-12 flex items-center justify-center rounded-xl transition-all duration-300 ${
mobileArmsOpen
? "bg-gradient-to-r from-yellow-500/20 via-green-500/20 to-blue-500/20 scale-110"
: "hover:bg-gray-700/40"
? "bg-gradient-to-r from-yellow-500/30 via-green-500/30 to-blue-500/30 scale-110 shadow-lg shadow-purple-500/30"
: "bg-gray-700/40 hover:bg-gray-600/60 shadow-lg"
}`}
title="Toggle Arms"
>
<div
className={`absolute inset-0 rounded-lg border-2 border-transparent transition-all duration-300 ${
mobileArmsOpen ? "border-purple-400/50 animate-spin" : ""
className={`absolute inset-0 rounded-xl border-2 transition-all duration-300 ${
mobileArmsOpen
? "border-purple-400/80 animate-spin"
: "border-gray-600/40"
}`}
style={{
animation: mobileArmsOpen
@ -162,8 +164,8 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
<img
src="https://docs.aethex.tech/~gitbook/image?url=https%3A%2F%2F1143808467-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252FDhUg3jal6kdpG645FzIl%252Fsites%252Fsite_HeOmR%252Flogo%252FqxDYz8Oj2SnwUTa8t3UB%252FAeThex%2520Origin%2520logo.png%3Falt%3Dmedia%26token%3D200e8ea2-0129-4cbe-b516-4a53f60c512b&width=256&dpr=1&quality=100&sign=6c7576ce&sv=2"
alt="AeThex Logo"
className={`relative h-8 w-8 transition-all duration-300 ${
mobileArmsOpen ? "rotate-180 scale-90" : "rotate-0"
className={`relative h-9 w-9 transition-all duration-300 ${
mobileArmsOpen ? "rotate-180 scale-85" : "rotate-0"
}`}
/>
</button>