Web Start
This commit is contained in:
BIN
web/src/app/favicon.ico
Normal file
BIN
web/src/app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
32
web/src/app/globals.css
Normal file
32
web/src/app/globals.css
Normal file
@@ -0,0 +1,32 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@import '@skeletonlabs/skeleton';
|
||||
@import '@skeletonlabs/skeleton/optional/presets';
|
||||
@import '@skeletonlabs/skeleton/themes/rose';
|
||||
|
||||
@source '../../node_modules/@skeletonlabs/skeleton-react/dist';
|
||||
|
||||
:root {
|
||||
--background: #ffffff;
|
||||
--foreground: #171717;
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
--color-background: var(--background);
|
||||
--color-foreground: var(--foreground);
|
||||
--font-sans: var(--font-geist-sans);
|
||||
--font-mono: var(--font-geist-mono);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
34
web/src/app/layout.tsx
Normal file
34
web/src/app/layout.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const geistSans = Geist({
|
||||
variable: "--font-geist-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Create Next App",
|
||||
description: "Generated by create next app",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en" data-theme="rose">
|
||||
<body
|
||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||
>
|
||||
{children}
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
13
web/src/app/page.tsx
Normal file
13
web/src/app/page.tsx
Normal file
@@ -0,0 +1,13 @@
|
||||
import Image from "next/image";
|
||||
|
||||
import Map from 'react-map-gl/mapbox';
|
||||
|
||||
import 'mapbox-gl/dist/mapbox-gl.css';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div>
|
||||
:)
|
||||
</div>
|
||||
);
|
||||
}
|
||||
15
web/src/globals.d.ts
vendored
Normal file
15
web/src/globals.d.ts
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
// Allow importing CSS files for side-effects (global CSS) and CSS modules
|
||||
declare module '*.css';
|
||||
declare module '*.scss';
|
||||
declare module '*.sass';
|
||||
declare module '*.less';
|
||||
declare module '*.module.css';
|
||||
declare module '*.module.scss';
|
||||
declare module '*.module.sass';
|
||||
declare module '*.module.less';
|
||||
|
||||
// You can add more specific typings if you want to type CSS modules:
|
||||
// declare module '*.module.css' {
|
||||
// const classes: { readonly [key: string]: string };
|
||||
// export default classes;
|
||||
// }
|
||||
Reference in New Issue
Block a user