Fixes to bleed-off in PullList
This commit is contained in:
@@ -1,6 +1,10 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@config "../tailwind.config.ts";
|
@config "../tailwind.config.ts";
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/* Custom Project Fonts */
|
/* Custom Project Fonts */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "PP Object Sans Regular";
|
font-family: "PP Object Sans Regular";
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ export const Dashboard = (): ReactElement => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="mx-auto max-w-screen-xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
|
<div className="mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
|
||||||
<PullList />
|
<PullList />
|
||||||
{recentComics.length > 0 && <RecentlyImported comics={recentComics} />}
|
{recentComics.length > 0 && <RecentlyImported comics={recentComics} />}
|
||||||
{/* Wanted comics */}
|
{/* Wanted comics */}
|
||||||
|
|||||||
@@ -133,7 +133,7 @@ export const PullList = (): ReactElement => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8">
|
<div className="mr-[calc(-1*(1rem+max(0px,(100vw-80rem)/2)))] sm:mr-[calc(-1*(1.5rem+max(0px,(100vw-80rem)/2)))] lg:mr-[calc(-1*(2rem+max(0px,(100vw-80rem)/2)))]">
|
||||||
{isSuccess && !isLoading && (
|
{isSuccess && !isLoading && (
|
||||||
<div className="overflow-hidden" ref={emblaRef}>
|
<div className="overflow-hidden" ref={emblaRef}>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export const Navbar2 = (): ReactElement => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<header className="bg-white dark:bg-gray-900 border-b-2 border-gray-300 dark:border-slate-200">
|
<header className="bg-white dark:bg-gray-900 border-b-2 border-gray-300 dark:border-slate-200">
|
||||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-5">
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5">
|
||||||
<div className="flex items-center gap-8">
|
<div className="flex items-center gap-8">
|
||||||
{/* Logo */}
|
{/* Logo */}
|
||||||
<img src="/src/client/assets/img/threetwo.png" alt="ThreeTwo!" />
|
<img src="/src/client/assets/img/threetwo.png" alt="ThreeTwo!" />
|
||||||
|
|||||||
Reference in New Issue
Block a user