turkey/cv4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix read page title

Browse Source
This commit is contained in:
User
2024-12-27 22:06:35 -05:00
parent c34ba176d9
commit c722f4f9e6
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/Layouts/AppLayout.jsx
View File

@@ -1,14 +1,14 @@
import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar'; import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';
import { AppSidebar } from '@/Components/ui/app-sidebar.jsx'; import { AppSidebar } from '@/Components/ui/app-sidebar.jsx';
import { Separator } from "@radix-ui/react-separator"; import { Separator } from "@radix-ui/react-separator";
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList } from "@/components/ui/breadcrumb";
import { Toaster } from '@/components/ui/toaster'; import { Toaster } from '@/components/ui/toaster';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Moon, Settings, Sun } from 'lucide-react'; import { Moon, Settings, Sun } from 'lucide-react';
import { Link, usePage } from '@inertiajs/react'; import { Link, usePage } from '@inertiajs/react';
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Tooltip, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip"; import { Tooltip, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip";
import { TooltipContent } from "@/Components/ui/tooltip.jsx"; import { TooltipContent } from "@/components/ui/tooltip.jsx";
export default function AppLayout({ auth, header, children, toolbar }) { export default function AppLayout({ auth, header, children, toolbar }) {

8
resources/js/Layouts/AuthenticatedLayout.jsx
View File

@@ -1,7 +1,7 @@
import ApplicationLogo from '@/Components/ApplicationLogo'; import ApplicationLogo from '@/components/ApplicationLogo';
import Dropdown from '@/Components/Dropdown'; import Dropdown from '@/components/Dropdown';
import NavLink from '@/Components/NavLink'; import NavLink from '@/components/NavLink';
import ResponsiveNavLink from '@/Components/ResponsiveNavLink'; import ResponsiveNavLink from '@/components/ResponsiveNavLink';
import { Link, usePage } from '@inertiajs/react'; import { Link, usePage } from '@inertiajs/react';
import { useState } from 'react'; import { useState } from 'react';

5
resources/js/Pages/Comic/Read.jsx
View File

@@ -2,7 +2,7 @@ import { Head, Link, router } from '@inertiajs/react';
import AppLayout from '@/Layouts/AppLayout.jsx'; import AppLayout from '@/Layouts/AppLayout.jsx';
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react'; import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
import { BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb.jsx"; import { BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb.jsx";
import { Button } from "@/components/ui/button.jsx"; import { Button } from "@/components/ui/button";
import { ChevronFirst, ChevronLast, Rows3, Settings } from "lucide-react"; import { ChevronFirst, ChevronLast, Rows3, Settings } from "lucide-react";
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.jsx"; import PrimaryButton from "@/components/PrimaryButton.jsx";
@@ -12,6 +12,7 @@ import { TooltipContent } from "@/components/ui/tooltip.jsx";
import { throttle } from "lodash"; import { throttle } from "lodash";
export default function Read({ auth, comic, chapter }) { export default function Read({ auth, comic, chapter }) {
const [readingMode, setReadingMode] = useState('rtl'); // rtl, utd const [readingMode, setReadingMode] = useState('rtl'); // rtl, utd
const [isTwoPagesPerScreen, setIsTwoPagePerScreen] = useState(false); const [isTwoPagesPerScreen, setIsTwoPagePerScreen] = useState(false);
const [currentImage, setCurrentImage] = useState(1); const [currentImage, setCurrentImage] = useState(1);
@@ -280,7 +281,7 @@ export default function Read({ auth, comic, chapter }) {
</> </>
} toolbar={ <Toolbar /> }> } toolbar={ <Toolbar /> }>
<Head> <Head>
<title>{ chapter.chapter.name } - { comic.comic.name }</title> <title>{ chapter.chapter.name.concat(" - ", comic.comic.name) }</title>
</Head> </Head>
<div className="p-3 pt-1 pb-1 flex flex-wrap justify-center" id="mvp" ref={ ref } <div className="p-3 pt-1 pb-1 flex flex-wrap justify-center" id="mvp" ref={ ref }
style={ { overflowAnchor: "none", height: "calc(100dvh - 90px)", overflowY: "scroll" } }> style={ { overflowAnchor: "none", height: "calc(100dvh - 90px)", overflowY: "scroll" } }>