1fc29e6cbf
Enhances accessibility and usability for touch devices and Chromebooks by updating global styles, adding ARIA attributes, and optimizing component layouts. Introduces a new useIsTouchDevice hook, improves focus states, and increases viewport scalability. ChatDetail now supports better keyboard navigation and larger touch targets.
21 lines
567 B
TypeScript
21 lines
567 B
TypeScript
import { Metadata, Viewport } from "next";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Customer Chats | Ember Market",
|
|
description: "Manage your customer conversations",
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
userScalable: true,
|
|
themeColor: [
|
|
{ media: "(prefers-color-scheme: dark)", color: "#000000" },
|
|
{ media: "(prefers-color-scheme: light)", color: "#D53F8C" },
|
|
],
|
|
};
|
|
|
|
export default function ChatsLayout({ children }: { children: React.ReactNode }) {
|
|
return <>{children}</>;
|
|
}
|