Improve layout consistency and logo alignment (layout.pug)

team-exor / eiquidus

Feature-rich open-source altcoin block explorer. Regular Updates ~ Platform Independent ~ Mobile Friendly ~ Supports Themes, Markets, Charts, Claiming Addresses, Public API's, Custom RPC Cmds, Bitcoin, Heavycoin, zk-SNARKs ~ List Masternodes, Network Peers, Top 100 Wallets ~ Built-in Update Script ~ Highly Customizable

https://explorer.exor.io

BSD 3-Clause "New" or "Revised" License

85 stars 185 forks source link

Improve layout consistency and logo alignment (layout.pug) #46

Closed Rudra644 closed 1 month ago

Rudra644 commented 4 months ago

Adjusted top and bottom margins for consistent card spacing: - Removed unnecessary top margin (-15px) on cards. - Added 10px bottom margin to Logo Card for alignment with other cards.
Optimized Logo size for better block card alignment: - Reduced Logo height from 128px to 96px for proper vertical positioning.

These changes ensure a more uniform and visually appealing layout across all card components.

Improved UI

joeuhren commented 1 month ago

Thanks for the PR. I like the idea of spacing out the logo better, especially on smaller screens like mobile. I'm not sure why you chose to take a 128px image and resize it to 96px via css. Since the logo image size that myself and everyone else are using is 128px I removed the rule for resizing to 96px and added some css to the styles.css to space out the logo better on mobile which is the only place that really seems to have any overlap that I can see.