83 lines
1.7 KiB
Plaintext
83 lines
1.7 KiB
Plaintext
---
|
|
import "../style/global.css";
|
|
import "../../svelte-dialogs.config"
|
|
import Header from "#header/Header.astro";
|
|
import Footer from "#footer/Footer.astro";
|
|
import SidebarLeft from "#sidebarLeft/SidebarLeft.astro";
|
|
import SidebarRight from "#sidebarRight/SidebarRight.astro";
|
|
import { NotificationWrapper } from "@ibcornelsen/ui";
|
|
|
|
export interface Props {
|
|
title: string;
|
|
}
|
|
|
|
const { title } = Astro.props;
|
|
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Simple CAD Program - Thick Black Lines</title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
canvas {
|
|
border: 1px solid #ccc;
|
|
cursor: crosshair;
|
|
}
|
|
.controls {
|
|
margin: 10px;
|
|
}
|
|
.controls button {
|
|
margin-right: 5px;
|
|
}
|
|
.log {
|
|
margin: 10px;
|
|
width: 800px;
|
|
max-height: 150px;
|
|
overflow-y: auto;
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
background: #f9f9f9;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<container class="w-full max-w-[1920px]">
|
|
|
|
<Header />
|
|
|
|
<main
|
|
class="w-full p-0 grid
|
|
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:px-0
|
|
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:px-0
|
|
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
|
|
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
|
|
2xl:grid-cols-[minmax(350px,350px)1fr_minmax(350px,350px)] 2xl:gap-5 2xl:p-5
|
|
">
|
|
|
|
<SidebarLeft />
|
|
|
|
<article class="box grow rounded-tl-none">
|
|
<slot />
|
|
</article>
|
|
|
|
<SidebarRight />
|
|
|
|
</main>
|
|
|
|
<Footer />
|
|
<NotificationWrapper client:load />
|
|
</container>
|
|
</body>
|
|
</html> |