alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactoring styling

Browse Source
This commit is contained in:
Alex Mickelson
2026-02-20 09:21:23 -07:00
parent c224a6a9e2
commit ca240811f2
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/course/[courseName]/calendar/day/itemInDay/DayItemContextMenu.tsx
View File

@@ -115,9 +115,12 @@ export const AssignmentDayItemContextMenu: FC<{
const dangerClasses = const dangerClasses =
"bg-rose-900/30 hover:bg-rose-950 disabled:opacity-50 text-rose-50"; "bg-rose-900/30 hover:bg-rose-950 disabled:opacity-50 text-rose-50";
return ( return (
<Modal modalControl={modalControl}> <Modal modalControl={modalControl} backgroundCoverColor="bg-black/30">
{() => ( {() => (
<> <>
<div className="text-center p-1 text-slate-200">
{item.name}
</div>
{confirmingDelete ? ( {confirmingDelete ? (
<> <>
<button <button
@@ -147,7 +150,7 @@ export const AssignmentDayItemContextMenu: FC<{
href={canvasUrl} href={canvasUrl}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="unstyled block px-4 py-2 hover:bg-slate-700 cursor-pointer" className="unstyled font-bold block px-3 py-1 hover:bg-slate-700 cursor-pointer"
onClick={handleClose} onClick={handleClose}
> >
View in Canvas View in Canvas

4
src/components/Modal.tsx
View File

@@ -42,6 +42,7 @@ export default function Modal({
modalWidth = "w-1/3", modalWidth = "w-1/3",
modalControl, modalControl,
buttonComponent, buttonComponent,
backgroundCoverColor = "bg-black/80",
}: { }: {
children: (props: { closeModal: () => void }) => ReactNode; children: (props: { closeModal: () => void }) => ReactNode;
buttonText?: string; buttonText?: string;
@@ -49,6 +50,7 @@ export default function Modal({
modalWidth?: string; modalWidth?: string;
modalControl: ModalControl; modalControl: ModalControl;
buttonComponent?: (props: { openModal: () => void }) => ReactNode; buttonComponent?: (props: { openModal: () => void }) => ReactNode;
backgroundCoverColor?: string;
}) { }) {
return ( return (
<> <>
@@ -66,7 +68,7 @@ export default function Modal({
<div <div
className={ className={
modalControl.isOpen modalControl.isOpen
? `transition-all duration-400 fixed inset-0 ${modalControl.position ? "" : "flex items-center justify-center"} h-screen bg-black/80 z-50 w-screen` ? `transition-all duration-400 fixed inset-0 ${modalControl.position ? "" : "flex items-center justify-center"} h-screen ${backgroundCoverColor} z-50 w-screen`
: "hidden h-0 w-0 p-1 -z-50" : "hidden h-0 w-0 p-1 -z-50"
} }
onClick={modalControl.closeModal} onClick={modalControl.closeModal}