Skip to content
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.

Sign up for GitHub

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

Improve Dashboard Site Homepage #817

Merged
merged 8 commits into from
Sep 21, 2024
Merged

Improve Dashboard Site Homepage #817

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
c585144
commit01
Nikhil-Kumar1 Sep 6, 2024
6b0f3db
commit2
Nikhil-Kumar1 Sep 6, 2024
8a48afe
commit03
Nikhil-Kumar1 Sep 7, 2024
39b7b98
Run prettier command
Nikhil-Kumar1 Sep 8, 2024
155495d
fixed Errors in home.test.js
Nikhil-Kumar1 Sep 11, 2024
9bbc573
fixed the responsiveness of dashboard
Nikhil-Kumar1 Sep 12, 2024
9bf4790
fixed the font weight of description and title
Nikhil-Kumar1 Sep 15, 2024
5968a40
fixed the dashboard buttons design
Nikhil-Kumar1 Sep 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 24 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,14 +85,22 @@
>
Create Goals
</a>
<a class="action-button" href="/task/index.html"> Create Tasks </a>
<a class="action-button" href="/profile/index.html"> Profile </a>

<a class="action-button" href="/task/index.html"> Create Tasks
<div class="description">Define the tasks, create new tasks
and track the progress.</div>
</a>
<a class="action-button" href="/profile/index.html"> Profile
<div class="description">View and edit your personal profile information.</div>
</a>
<a
id="discord-user-link"
class="action-button"
href="/users/discord/index.html"
>
Discord Users
<div class="description">Manage Discord user roles and activities.</div>

</a>
<a
id="user-management-link"
Expand Down Expand Up @@ -123,11 +131,20 @@
</a>
<a href="/online-members/online-members.html" class="action-button">
Online Members
<div class="description">View the list of currently online members.</div>

</a>
<a class="action-button" href="/groups/index.html"> Discord Groups
<div class="description">Manage Discord group memberships.</div>
</a>
<a class="action-button" href="/standup/index.html"> Standup Updates
<div class="description">Post and view daily standup updates.</div>

</a>
<a class="action-button" href="/groups/index.html"> Discord Groups </a>
<a class="action-button" href="/standup/index.html"> Standup Updates</a>
<a class="action-button" href="/identity-service-logs/index.html"
>Identity Service Logs</a
>Identity Service Logs
<div class="description">Review logs related to identity services.</div>
</a
>
<a
class="action-button element-display-remove"
Expand All @@ -138,6 +155,8 @@
>
<a id="application-button" href="/applications" class="action-button">
Applications
<div class="description">Manage and review submitted applications.</div>

</a>
<div class="button-container element-display-remove" id="sync-repo-div">
<button id="repo-sync-button" class="action-button">
Expand Down
31 changes: 28 additions & 3 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,8 +99,9 @@ footer {
}

.action-button {
width: 350px;
color: var(--black-color);
font-weight: 500;
font-weight: 1000;
font-size: larger;
background-color: var(--white-color);
border: 2px solid var(--black-color);
Expand All @@ -119,6 +120,14 @@ footer {
border-color: var(--blue-color);
}


.description{
margin-top: 5px;
font-weight: 50;
font-size:medium;

}

#sync-buttons.element-display-remove {
display: none;
}
Expand Down Expand Up @@ -236,11 +245,27 @@ footer {
display: none !important;
}

@media only screen and (max-width: 600px) {
/* @media only screen and (max-width: 600px) {
.buttonSection {
flex-direction: column;
}
.action-button {
text-align: center;
}
}
} */


@media only screen and (max-width: 600px) {

.buttonSection{
flex-direction: column;
height: auto;
padding: 15px;
}
.action-button{
text-align: center;
width: 100%;
padding: 10px;
font-size: medium
}
}
Loading