anuragverma108 / SwapReads

This repository is officially part of GirlScript Summer of Code 2024 Extended Edition! SwapReads.com is the go-to online platform for book lovers to connect, swap their favorite reads, and dive into exciting literary journeys.
https://swapreadsconnect.netlify.app/
MIT License
347 stars 759 forks source link

UI Enhancements: Improved Title Bar, Background, and Card Hover Effects #4916

Closed SrijaVuppala295 closed 1 week ago

SrijaVuppala295 commented 1 week ago

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

Fixes: #4910

Description

  1. Revamped Title Bar: Redesigned the title bar to improve visibility and aesthetics, ensuring a modern, clean look.
  2. Dark Mode Toggle: Added a dark mode toggle for a seamless switch between light and dark themes, enhancing user experience.
  3. Background Redesign: Updated the background styling to improve readability and visual appeal.
  4. Improved Container Padding: Adjusted padding for a balanced layout and better content alignment.
  5. Hover Effects on Cards: Introduced a new hover effect on cards, changing the background and text colors for an interactive, engaging feel.
  6. Color Scheme Update: Enhanced colors to ensure consistency and accessibility across the interface.
  7. Overall Page Optimization: Refined layout and visual elements to create a cohesive and user-friendly experience.

These updates collectively elevate the UI, making it more responsive, visually appealing, and accessible.

Type of PR

Screenshots / videos (if applicable)

BEFORE:

image image

AFTER:

image image image image image

Checklist:

vercel[bot] commented 1 week ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
swapreads ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 10, 2024 8:12am
github-actions[bot] commented 1 week ago

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

netlify[bot] commented 1 week ago

Deploy Preview for swapreadsconnect ready!

Name Link
Latest commit 770184f9a0fb7816c7f37b288a3dd9cf1d751d1b
Latest deploy log https://app.netlify.com/sites/swapreadsconnect/deploys/6730a0affc7b2a00085a1178
Deploy Preview https://deploy-preview-4916--swapreadsconnect.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

vercel[bot] commented 1 week ago

Deployment failed with the following error:

Resource is limited - try again in 10 minutes (more than 100, code: "api-deployments-free-per-day").
vercel[bot] commented 1 week ago

Deployment failed with the following error:

Resource is limited - try again in 9 minutes (more than 100, code: "api-deployments-free-per-day").
atmajaa commented 1 week ago

@SrijaVuppala295 image I cant see the dark theme toggle button in deployment preview

SrijaVuppala295 commented 1 week ago

@atmajaa ,

image

vercel[bot] commented 1 week ago

Deployment failed with the following error:

Resource is limited - try again in 45 minutes (more than 100, code: "api-deployments-free-per-day").