Improve Dashboard Site Homepage

[Nikhil-Kumar1]

Date: 07 Sep 2024

Developer Name: Nikhil Kumar

Issue Ticket Number: #808

Description

1. Improved styling of the Dashboard page and added description.
2. Improved the hover effect and the colour.

Screenshots

Image after changes-

Image before changes-

[iamitprakash]

Details are missing

[pallabez]

The cards font weight looks too strong. Can we take the reference from /groups?

<div class="card">
        <h5 class="card__title">Too Much Truth</h5>
        <p class="card__description">Please ask the role creator or admin to update this group description.</p>
</div>
    
.card {
     background: rgb(235, 235, 235);
     padding: 20px;
     border-radius: 15px;
     border: 1px solid hsla(0, 0%, 92%, 1);
     box-shadow: 1px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
}

.card__title {
  font-size: 1.1rem;
  font-weight: 600;
}

.card__description {
  margin-top: 0.6rem;
  color: rgba(54, 54, 54, 0.75);
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 18px;
}

[pallabez]

Thanks for changing the font weight. Can we do the same for box shadow and font color? Also would recommend to remove the hover effect. What do you think?

[Nikhil-Kumar1]

Yes, I will do it

…

On Sun, 15 Sept, 2024, 23:39 Pallab Sonowal, ***@***.***> wrote: Thanks for changing the font weight. Can we do the same for box shadow and font color? Also would recommend to remove the hover effect. What do you think? — Reply to this email directly, view it on GitHub <#817 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BBBQVZXUHFWDCH7GTSPQEZLZWXEOXAVCNFSM6AAAAABN2G74QOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNJRG4YDQNZSGM> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[pallabez]

Discussed

      <a
        class="card"
        href="/goal/index.html"
        id="create-goal"
      >
        <h5 class="card__title">Create Goals</h5>
        <p class="card__description">
          Set and track goals to align efforts and measure progress.
        </p>
      </a>

.card {
  background-color: white;
  text-decoration: none;
  padding: 20px;
  width: 300px;
  border-radius: 15px;
  border: 1px solid hsla(0, 0%, 92%, 1);
  box-shadow: 1px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
}

.card__title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: hsla(0, 0%, 21%, 1);
}

.card__description {
  margin-top: 0.6rem;
  color: hsla(0, 0%, 21%, 0.75);
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 18px;
}

[Nikhil-Kumar1]

Details are missing

previously I had written commit01,02,03, but after that I have started mentioning the details, could you please check once.