Comments (29)
It looks nice to me just decrease the height it must not take the full height of the sreen
from finveda.
@Agarwalvidu @ayush-that please check
from finveda.
@VijaySamant4368 can please share your sample design
from finveda.
Go ahead!
from finveda.
@Agarwalvidu @deepeshmlgupta how does this look?
https://github.com/user-attachments/assets/03bb0478-9b9e-4418-81ff-9f5d87f950e9
I have yet to do some minor details, but this is the main part.
I would like to know your opinion before going forward.
from finveda.
Screen.Recording.2024-07-23.005142.mp4
from finveda.
@Agarwalvidu @deepeshmlgupta should I change the design? Or should I proceed with this?
from finveda.
How it will look like in mobile view?
from finveda.
And only with icons one will get confused what page is about what.
from finveda.
@Agarwalvidu To be honest, I had different ideas for showing only Emojis in as the links. My idea for nav-bar with full links display are limited. Here is a general one:
Screen.Recording.2024-07-25.224546.mp4
from finveda.
I think this is same as previous one🥲
from finveda.
Try this one
https://codepen.io/zakandaiev/pen/RwwBvrJ
from finveda.
I think this is same as previous one🥲
Oh I just noticed it. I am really sorry for the disappointment, I am currently just out of ideas.
from finveda.
Try this one https://codepen.io/zakandaiev/pen/RwwBvrJ
On it.
from finveda.
@Agarwalvidu please have a look at this:
Screen.Recording.2024-07-25.231218.mp4
The colors and the items in the nav-bar can be changed without much hassle.
from finveda.
This looks nice to me. Please go ahead with this one. One suggestion you can add a box around the nav items and make it more creative
from finveda.
All right, I will!!!
from finveda.
@Agarwalvidu I think that adding a box around the nav-items inside the hamburger-menu, will make it feel very much different than the original menu.
I have this in my mind:
Screen.Recording.2024-07-26.092039.mp4
from finveda.
It gives a similar feel as the original nav-bar.
from finveda.
@Agarwalvidu these are the screenshots for different height:
I believe it is better looking at 100%, can you please provide your opinion?
Thanks.
from finveda.
I took screenshot for comparatively wider width for better visualization.
from finveda.
Yes 100% one is looking good!
Finally raise the PR.
from finveda.
Make sure it will not cover the whole width, as it is looking good in this width!
from finveda.
from finveda.
Make sure it will not cover the whole width, as it is looking good in this width!
Al right!
from finveda.
Whichever suits you best, I am liking the 70% most!
from finveda.
Ok, I will make it 70% then.
from finveda.
I am sorry but there seems to be a problem for height of 70%. For screens with less width, 70% will be quite compact, and a lot of things would have to be adjusted. SO I think we should avoid unnecessary extra fragility to the responsive nature.
from finveda.
Okay!
from finveda.
Related Issues (20)
- [Bug] In other page's footer not have social icons like in home page. HOT 1
- adding icons to footer HOT 1
- adding flip effect on login/signup card HOT 1
- Footer Alignment Inconsistency Across Pages
- ✔️Enhancement: Improving the "Testimonials" Section ! HOT 2
- Title: Add a blog on Types of Stock Investments HOT 1
- Minor style error HOT 1
- credit card pay off calcualator is not working HOT 1
- split bill calculator heading is inside calculator container HOT 1
- 🌟 Improve FAQ Section on the Home Page HOT 1
- Show Password Feature in Login/Register Modal Not Working
- adding icon at login and signup HOT 1
- clear button in syestamtic withdrawl calc is not working
- Adding 'forgot password? ' HOT 1
- The hover effect on service cards
- FAQ answers still don't show up HOT 1
- Underlining of the Footer HOT 1
- [Bug] Fixed Split Bill Calculator and Credit Card Payoff Calculator HOT 1
- Login/Register Modal Not Mobile Responsive
- Title: The Economics of Healthcare Blog add HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from finveda.