create-murasaki 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/* src/globals.css — global styles. Edit me. */
|
|
2
|
+
|
|
3
|
+
:root { color-scheme: light dark; }
|
|
4
|
+
* { box-sizing: border-box; }
|
|
5
|
+
|
|
6
|
+
body {
|
|
7
|
+
margin: 0;
|
|
8
|
+
min-height: 100vh;
|
|
9
|
+
display: grid;
|
|
10
|
+
place-items: center;
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
12
|
+
background: linear-gradient(135deg, #faf8ff 0%, #f3eafe 100%);
|
|
13
|
+
color: #1a0a33;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@media (prefers-color-scheme: dark) {
|
|
17
|
+
body {
|
|
18
|
+
background: linear-gradient(135deg, #0a0612 0%, #1a0a33 100%);
|
|
19
|
+
color: #faf8ff;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
main { text-align: center; padding: 40px; }
|
|
24
|
+
|
|
25
|
+
h1 {
|
|
26
|
+
font-size: 96px;
|
|
27
|
+
margin: 0;
|
|
28
|
+
background: linear-gradient(135deg, #5B21B6 0%, #A855F7 100%);
|
|
29
|
+
-webkit-background-clip: text;
|
|
30
|
+
background-clip: text;
|
|
31
|
+
color: transparent;
|
|
32
|
+
font-weight: 800;
|
|
33
|
+
letter-spacing: -0.04em;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
p { margin-top: 16px; font-size: 18px; opacity: 0.7; }
|
|
37
|
+
.hint { opacity: 0.45; font-size: 14px; }
|
|
38
|
+
|
|
39
|
+
code {
|
|
40
|
+
font-family: 'SF Mono', Menlo, monospace;
|
|
41
|
+
background: rgba(168, 85, 247, 0.12);
|
|
42
|
+
padding: 2px 8px;
|
|
43
|
+
border-radius: 4px;
|
|
44
|
+
font-size: 0.9em;
|
|
45
|
+
}
|
|
@@ -1,52 +1,23 @@
|
|
|
1
1
|
// src/layout.tsx — wraps your app. Edit me to change the global shell.
|
|
2
|
+
// Global styles live in src/globals.css (auto-injected by murasaki).
|
|
2
3
|
|
|
3
4
|
import type { ReactNode } from 'react'
|
|
5
|
+
import type { Metadata } from 'murasaki'
|
|
6
|
+
|
|
7
|
+
export const metadata: Metadata = {
|
|
8
|
+
title: 'My Murasaki App',
|
|
9
|
+
description: 'A desktop app built with Murasaki.',
|
|
10
|
+
window: {
|
|
11
|
+
width: 1280,
|
|
12
|
+
height: 800,
|
|
13
|
+
},
|
|
14
|
+
}
|
|
4
15
|
|
|
5
16
|
export default function Layout({ children }: { children: ReactNode }) {
|
|
6
17
|
return (
|
|
7
18
|
<html lang="en">
|
|
8
19
|
<head>
|
|
9
20
|
<meta charSet="utf-8" />
|
|
10
|
-
<title>Murasaki App</title>
|
|
11
|
-
<style>{`
|
|
12
|
-
:root { color-scheme: light dark; }
|
|
13
|
-
* { box-sizing: border-box; }
|
|
14
|
-
body {
|
|
15
|
-
margin: 0;
|
|
16
|
-
min-height: 100vh;
|
|
17
|
-
display: grid;
|
|
18
|
-
place-items: center;
|
|
19
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
20
|
-
background: linear-gradient(135deg, #faf8ff 0%, #f3eafe 100%);
|
|
21
|
-
color: #1a0a33;
|
|
22
|
-
}
|
|
23
|
-
@media (prefers-color-scheme: dark) {
|
|
24
|
-
body {
|
|
25
|
-
background: linear-gradient(135deg, #0a0612 0%, #1a0a33 100%);
|
|
26
|
-
color: #faf8ff;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
main { text-align: center; padding: 40px; }
|
|
30
|
-
h1 {
|
|
31
|
-
font-size: 96px;
|
|
32
|
-
margin: 0;
|
|
33
|
-
background: linear-gradient(135deg, #5B21B6 0%, #A855F7 100%);
|
|
34
|
-
-webkit-background-clip: text;
|
|
35
|
-
background-clip: text;
|
|
36
|
-
color: transparent;
|
|
37
|
-
font-weight: 800;
|
|
38
|
-
letter-spacing: -0.04em;
|
|
39
|
-
}
|
|
40
|
-
p { margin-top: 16px; font-size: 18px; opacity: 0.7; }
|
|
41
|
-
.hint { opacity: 0.45; font-size: 14px; }
|
|
42
|
-
code {
|
|
43
|
-
font-family: 'SF Mono', Menlo, monospace;
|
|
44
|
-
background: rgba(168, 85, 247, 0.12);
|
|
45
|
-
padding: 2px 8px;
|
|
46
|
-
border-radius: 4px;
|
|
47
|
-
font-size: 0.9em;
|
|
48
|
-
}
|
|
49
|
-
`}</style>
|
|
50
21
|
</head>
|
|
51
22
|
<body>{children}</body>
|
|
52
23
|
</html>
|