Issues in Mobile Responsiveness

Jaishree2310 / GlassyUI-Components

GlassyUI: Elegant Glassmorphism Components for Modern UIs

https://glassyui.vercel.app

60 stars 114 forks source link

Issues in Mobile Responsiveness #404

Open Mallik-vinukonda opened 1 week ago

Mallik-vinukonda commented 1 week ago

Screenshot_2024-11-01-00-43-17-67_40deb401b9ffe8e1df2f1cc5ba480b12 The nav bar is not visible and also the animation is half covered in the mobile view , I can fix this issues and make it mobile responsive

github-actions[bot] commented 1 week ago

👋 Thank you @Mallik-vinukonda for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

Mallik-vinukonda commented 1 week ago

@Jaishree2310

Thanks for Assigning ! could please add gssoc-labels & level to it

Mallik-vinukonda commented 1 week ago

ERROR in ./src/components/Footer.tsx Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/mallik/Desktop/GlassyUI-Components/src/components/Footer.tsx: Expected corresponding JSX closing tag for

94 |

| ^ 95 |

96 | <a 97 | href='https://github.com/Jaishree2310/GlassyUI-Components'

94 | | ^ 95 |
96 | <a 97 | href='https://github.com/Jaishree2310/GlassyUI-Components' at constructor (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:359:19) at TypeScriptParserMixin.raise (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:3266:19) at TypeScriptParserMixin.jsxParseElementAt (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6781:16) at TypeScriptParserMixin.jsxParseElementAt (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6752:32) at TypeScriptParserMixin.jsxParseElement (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6803:17) at TypeScriptParserMixin.parseExprAtom (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6813:19) at TypeScriptParserMixin.parseExprSubscripts (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10615:23) at TypeScriptParserMixin.parseUpdate (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10600:21) at TypeScriptParserMixin.parseMaybeUnary (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10580:23) at TypeScriptParserMixin.parseMaybeUnary (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9489:18) at TypeScriptParserMixin.parseMaybeUnaryOrPrivate (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10434:61) at TypeScriptParserMixin.parseExprOps (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10439:23) at TypeScriptParserMixin.parseMaybeConditional (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10416:23) at TypeScriptParserMixin.parseMaybeAssign (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10379:21) at /Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9427:39 at TypeScriptParserMixin.tryParse (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:3604:20) at TypeScriptParserMixin.parseMaybeAssign (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9427:18) at /Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10349:39 at TypeScriptParserMixin.allowInAnd (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11951:12) at TypeScriptParserMixin.parseMaybeAssignAllowIn (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10349:17) at TypeScriptParserMixin.parseParenAndDistinguishExpression (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11210:28) at TypeScriptParserMixin.parseExprAtom (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10863:23) at TypeScriptParserMixin.parseExprAtom (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6818:20) at TypeScriptParserMixin.parseExprSubscripts (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10615:23) at TypeScriptParserMixin.parseUpdate (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10600:21) at TypeScriptParserMixin.parseMaybeUnary (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10580:23) at TypeScriptParserMixin.parseMaybeUnary (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9489:18) at TypeScriptParserMixin.parseMaybeUnaryOrPrivate (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10434:61) at TypeScriptParserMixin.parseExprOps (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10439:23) at TypeScriptParserMixin.parseMaybeConditional (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10416:23) at TypeScriptParserMixin.parseMaybeAssign (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10379:21) at TypeScriptParserMixin.parseMaybeAssign (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9438:20) at TypeScriptParserMixin.parseExpressionBase (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10333:23) at /Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10329:39 at TypeScriptParserMixin.allowInAnd (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11946:16) at TypeScriptParserMixin.parseExpression (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10329:17) at TypeScriptParserMixin.parseReturnStatement (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12636:28) at TypeScriptParserMixin.parseStatementContent (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12288:21) at TypeScriptParserMixin.parseStatementContent (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:9163:18) at TypeScriptParserMixin.parseStatementLike (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12257:17) at TypeScriptParserMixin.parseStatementListItem (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12237:17) at TypeScriptParserMixin.parseBlockOrModuleBlockBody (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12810:61) at TypeScriptParserMixin.parseBlockBody (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12803:10) at TypeScriptParserMixin.parseBlock (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:12791:10) at TypeScriptParserMixin.parseFunctionBody (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11634:24) at TypeScriptParserMixin.parseArrowExpression (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11609:10) at TypeScriptParserMixin.parseParenAndDistinguishExpression (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:11222:12) at TypeScriptParserMixin.parseExprAtom (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10863:23) at TypeScriptParserMixin.parseExprAtom (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:6818:20) at TypeScriptParserMixin.parseExprSubscripts (/Users/mallik/Desktop/GlassyUI-Components/node_modules/@babel/parser/lib/index.js:10615:23) ERROR [eslint] src/components/Footer.tsx Line 94:8: Parsing error: Expected corresponding JSX closing tag for 'footer'

ERROR in src/components/Footer.tsx:94:9 TS17002: Expected corresponding JSX closing tag for 'footer'. 92 |

93 |

94 | | ^^^ 95 |
96 | <a 97 | href='https://github.com/Jaishree2310/GlassyUI-Components' ERROR in src/components/Footer.tsx:123:12 TS2339: Property 'glass' does not exist on type '"\n .glass-footer {\n backdrop-filter: blur(10px) saturate(180%);\n -webkit-backdrop-filter: blur(10px) saturate(180%);\n background-color: rgba(43, 48, 60, 0.7);\n width: 100vw;\n padding: 40px 20px;\n border-radius: 15px;\n text-align: center;\n...'. 121 | 122 |