Skip to content

bug: make dashboard responsive across all devices#44

Open
Asav-2122 wants to merge 1 commit intoDaylight-LLC:mainfrom
Asav-2122:bug/36-make-dashboard-responsive
Open

bug: make dashboard responsive across all devices#44
Asav-2122 wants to merge 1 commit intoDaylight-LLC:mainfrom
Asav-2122:bug/36-make-dashboard-responsive

Conversation

@Asav-2122
Copy link
Copy Markdown

Pull Request Checklist

  • [✓] I have read the contributing guidelines.
  • [✓ ] I have followed the TypeScript/JavaScript style guides.
  • [✓ ] All new and existing tests passed.

Description

Add responsive CSS for the medium and small screens so that UI looks beautiful across all devices.

Screenshots / GIFs (if applicable)

image

image

Related Issues

fixes #36




import React, { useEffect, useState } from "react";

Check notice

Code scanning / CodeQL

Unused variable, import, function or class

Unused import useEffect.
import MeetingCard from "../components/MeetingCard";
import ArrowDropDownOutlinedIcon from "@mui/icons-material/ArrowDropDownOutlined";
import ProjectSummary from "../components/ProjectSummary";
import { ApiResponse, Project } from "../interfaces/interfaces";

Check notice

Code scanning / CodeQL

Unused variable, import, function or class

Unused import ApiResponse.
import ArrowDropDownOutlinedIcon from "@mui/icons-material/ArrowDropDownOutlined";
import ProjectSummary from "../components/ProjectSummary";
import { ApiResponse, Project } from "../interfaces/interfaces";
import { getProjects } from "../services/api/projectService";

Check notice

Code scanning / CodeQL

Unused variable, import, function or class

Unused import getProjects.
@malik-na
Copy link
Copy Markdown
Member

malik-na commented Sep 16, 2024

Screenshot 2024-09-16 at 2 15 48 PM
  • Top bar and sidebar should cover the screen end-to-end
  • Top bar and sidebar should remain fixed and should not scroll with the Dashboard content
  • Text and icons should also scale with screen size changes (never use pixels, use rem instead)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make Dashboard responsive

3 participants