🔨 Fixes for RecentlyImported Section
This commit is contained in:
@@ -69,7 +69,7 @@ export const Dashboard = (): ReactElement => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8">
|
<div className="mx-auto max-w-screen-xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
|
||||||
<PullList />
|
<PullList />
|
||||||
{recentComics && <RecentlyImported comics={recentComics?.data.docs} />}
|
{recentComics && <RecentlyImported comics={recentComics?.data.docs} />}
|
||||||
{/* Wanted comics */}
|
{/* Wanted comics */}
|
||||||
|
|||||||
@@ -142,7 +142,7 @@ export const PullList = (): ReactElement => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8 mt-3">
|
<div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8">
|
||||||
{isSuccess && !isLoading && (
|
{isSuccess && !isLoading && (
|
||||||
<div className="overflow-hidden" ref={emblaRef}>
|
<div className="overflow-hidden" ref={emblaRef}>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ export const RecentlyImported = (
|
|||||||
subHeaderContent="Recent Library activity such as imports, tagging, etc."
|
subHeaderContent="Recent Library activity such as imports, tagging, etc."
|
||||||
iconClassNames="fa-solid fa-binoculars mr-2"
|
iconClassNames="fa-solid fa-binoculars mr-2"
|
||||||
/>
|
/>
|
||||||
<div className="overflow-hidden -mr-4 sm:-mr-8 lg:-mr-16 xl:-mr-20 2xl:-mr-24 mt-3">
|
<div className="-mr-10 sm:-mr-17 lg:-mr-29 xl:-mr-36 2xl:-mr-42 mt-3">
|
||||||
<div className="overflow-hidden" ref={emblaRef}>
|
<div className="overflow-hidden" ref={emblaRef}>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
{comics?.comics.map(
|
{comics?.comics.map(
|
||||||
|
|||||||
Reference in New Issue
Block a user