From 6e8d2023b738b0f6edac9d332d5fefa91921cdf0 Mon Sep 17 00:00:00 2001 From: User Date: Sat, 28 Dec 2024 16:32:41 -0500 Subject: [PATCH] Favicon Change resize by CSS --- public/favicon.ico | Bin 0 -> 15406 bytes resources/js/Layouts/AppLayout.jsx | 4 +- resources/js/Pages/Comic/Chapters.jsx | 2 +- resources/js/Pages/Comic/Index.jsx | 1 - resources/js/Pages/Comic/Read.jsx | 68 +++++++++----------------- 5 files changed, 26 insertions(+), 49 deletions(-) diff --git a/public/favicon.ico b/public/favicon.ico index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..325fce114005869861499c47aa700ac3f86fb074 100644 GIT binary patch literal 15406 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 RxE6NW&Jox-0{`P9@LyVFc%%RT literal 0 HcmV?d00001 diff --git a/resources/js/Layouts/AppLayout.jsx b/resources/js/Layouts/AppLayout.jsx index 2edf37d..4b7556e 100644 --- a/resources/js/Layouts/AppLayout.jsx +++ b/resources/js/Layouts/AppLayout.jsx @@ -46,9 +46,9 @@ export default function AppLayout({ auth, header, children, toolbar }) {
- + - + Home diff --git a/resources/js/Pages/Comic/Chapters.jsx b/resources/js/Pages/Comic/Chapters.jsx index 800bc91..dfcbf4a 100644 --- a/resources/js/Pages/Comic/Chapters.jsx +++ b/resources/js/Pages/Comic/Chapters.jsx @@ -70,7 +70,7 @@ export default function Chapters({ auth, comic, chapters, histories }) { return ( - + { comic.comic.name } diff --git a/resources/js/Pages/Comic/Index.jsx b/resources/js/Pages/Comic/Index.jsx index e09a0b6..3330f87 100644 --- a/resources/js/Pages/Comic/Index.jsx +++ b/resources/js/Pages/Comic/Index.jsx @@ -60,7 +60,6 @@ export default function Index({ comics, offset, auth }) {
- ;
diff --git a/resources/js/Pages/Comic/Read.jsx b/resources/js/Pages/Comic/Read.jsx index dc4b315..00649ad 100644 --- a/resources/js/Pages/Comic/Read.jsx +++ b/resources/js/Pages/Comic/Read.jsx @@ -8,10 +8,10 @@ import { throttle } from 'lodash'; import { BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from '@/components/ui/breadcrumb'; import { Button } from '@/components/ui/button'; -import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog"; +import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import PrimaryButton from '@/components/PrimaryButton'; import { Switch } from '@/components/ui/switch'; -import { TooltipContent } from "@/components/ui/tooltip"; +import { TooltipContent } from '@/components/ui/tooltip'; export default function Read({ auth, comic, chapter }) { @@ -69,39 +69,15 @@ export default function Read({ auth, comic, chapter }) { const ImageForComic = (img) => { const imgRef = useRef(); - const resizeImage = () => { - if (!imgRef.current || !ref.current) return; + let imgStyles = {}; - const { naturalWidth, naturalHeight } = imgRef.current; - const containerWidth = ref.current.clientWidth; - const containerHeight = ref.current.clientHeight; - - let width, height; - - if (readingMode === "rtl") { - // Scale for RTL mode - const ratioWidth = naturalWidth / containerWidth; - const ratioHeight = naturalHeight / containerHeight; - const maxRatio = Math.max(ratioWidth, ratioHeight); - width = naturalWidth / maxRatio; - height = naturalHeight / maxRatio; - } else if (readingMode === "utd") { - // Scale for UTD mode - const ratio = divDimensions[1] < divDimensions[0] ? 0.33 : 1; // Example logic - const scaledWidth = containerWidth * ratio; - const scaledRatio = naturalWidth / scaledWidth; - width = naturalWidth / scaledRatio; - height = naturalHeight / scaledRatio; - } - - // Apply dimensions directly - imgRef.current.style.width = `${width}px`; - imgRef.current.style.height = `${height}px`; - }; - - useEffect(() => { - resizeImage(); - }, [readingMode, divDimensions]); // Recalculate when these dependencies change + if (divDimensions[1] > divDimensions[0] && readingMode === 'utd') { + imgStyles = { width: '100%' }; + } else if (divDimensions[0] > divDimensions[1] && readingMode === 'utd') { + imgStyles = { width: '50%' }; + } else if (readingMode === 'rtl') { + imgStyles = { height: 'calc(100dvh - 90px)' }; + } const handleImageClick = (e) => { if (readingMode === "utd") return; @@ -128,9 +104,9 @@ export default function Read({ auth, comic, chapter }) { { @@ -282,15 +258,17 @@ export default function Read({ auth, comic, chapter }) { return ( - - - - - { comic.comic.name } - - - - + + + + + + { comic.comic.name } + + + + + { chapter.chapter.name }