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

Jump to bottom

Fix: minor UI issues #359

Merged
merged 3 commits into from
Oct 16, 2024
Merged

Fix: minor UI issues #359

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d343ba5
Added Curser Pointer to Dark-Mode button
bilalmirza74 Oct 13, 2024
12f0c44
Fix overflow of Media Library
bilalmirza74 Oct 13, 2024
ca2ec51
Fix: overflow of Media Library and cursor-pointer on launches page
bilalmirza74 Oct 14, 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
4 changes: 2 additions & 2 deletions apps/frontend/src/components/launches/filters.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ export const Filters = () => {
]);
return (
<div className="text-textColor flex gap-[8px] items-center select-none">
<div onClick={previous}>
<div onClick={previous} className="cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
Expand All @@ -171,7 +171,7 @@ export const Filters = () => {
? `Week ${week.currentWeek}`
: `${dayjs().month(week.currentMonth).format('MMMM')}`}
</div>
<div onClick={next}>
<div onClick={next} className="cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
Expand Down
4 changes: 2 additions & 2 deletions apps/frontend/src/components/layout/layout.settings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,8 +44,8 @@ dayjs.extend(isBetween);

export const LayoutSettings = ({ children }: { children: ReactNode }) => {
const fetch = useFetch();
const {isGeneral} = useVariables();
const {backendUrl, billingEnabled} = useVariables();
const { isGeneral } = useVariables();
const { backendUrl, billingEnabled } = useVariables();
const load = useCallback(async (path: string) => {
return await (await fetch(path)).json();
}, []);
Expand Down
2 changes: 1 addition & 1 deletion apps/frontend/src/components/layout/mode.component.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const ModeComponent = () => {
}, [mode]);

return (
<div onClick={changeMode} className="select-none">
<div onClick={changeMode} className="select-none cursor-pointer">
{mode === 'dark' ? (
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down
6 changes: 3 additions & 3 deletions apps/frontend/src/components/media/media.component.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,9 +93,9 @@ export const MediaBox: FC<{
}, [data]);

return (
<div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-[60px] animate-fade">
<div className="w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative">
<div className="flex">
<div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-4 md:p-[60px] animate-fade">
<div className="max-w-[1000px] w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative mx-auto">
<div className="flex flex-col">
<div className="flex-1">
<TopTitle title="Media Library" />
</div>
Expand Down