-
Notifications
You must be signed in to change notification settings - Fork 173
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.
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
feat: [MarginFrontend] Home page #634
Conversation
- Restructured App.tsx to use a new Home route - Added custom font imports for InstrumentSans, BricolageGrotesque, and PilotCommandSpaced - Created core Button component with variant support using class-variance-authority - Implemented Header and Footer components with responsive design - Added initial home page content with typography and button styling
- Standardize CSS variable naming convention (e.g., --color-*, --font-*, --text-*) - Update component class names to use new CSS variables - Simplify and normalize font and color references across components - Remove hardcoded color and font values in favor of theme variables
- Update CSS variables with more descriptive color names - Modify Header, Footer, and Home components
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
also please put back tailwindcss plugin to vite.config.ts, it was removed by someone else by mistake
icon: "src/assets/images/DiscordLogo.png", | ||
link: "https://discord.com/", | ||
title: "Discord", | ||
}, | ||
{ | ||
icon: "src/assets/images/XLogo.png", | ||
link: "https://twitter.com/SpotNet_123", | ||
title: "X", | ||
}, | ||
{ | ||
icon: "src/assets/images/TelegramLogo.png", | ||
link: "https://t.me/djeck_vorobey1", | ||
title: "Telegram", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't see these images, am I missing something>?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@whateverfw , on my local, its working, trying to replicate your issue though

There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do you have images folder inside src/assets locally?
Because if you check PR and commits - there are only fonts, not images
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yes i do, i'll change name to something else
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
are you sure those pushed to git correctly?
- Add Playwright for browser testing - Integrate Tailwind CSS in Vite configuration - Update Button and Header components with refined styling - Add social media logo assets - Refactor file paths and button variants
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Refactor frontend: Add base layout, fonts, and core UI components