Skip to content

Commit 6bcebde

Browse files
codinginflowcodinginflow
committed
End of part 4
1 parent e2bc12e commit 6bcebde

File tree

6 files changed

+21
-399
lines changed

6 files changed

+21
-399
lines changed

‎src/app/globals.css‎

Lines changed: 6 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,11 @@
11
:root {
2-
--max-width: 1100px;
3-
--border-radius: 12px;
42
--font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
53
'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
64
'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
75

86
--foreground-rgb: 0, 0, 0;
97
--background-start-rgb: 214, 219, 220;
108
--background-end-rgb: 255, 255, 255;
11-
12-
--primary-glow: conic-gradient(
13-
from 180deg at 50% 50%,
14-
#16abff33 0deg,
15-
#0885ff33 55deg,
16-
#54d6ff33 120deg,
17-
#0071ff33 160deg,
18-
transparent 360deg
19-
);
20-
--secondary-glow: radial-gradient(
21-
rgba(255, 255, 255, 1),
22-
rgba(255, 255, 255, 0)
23-
);
24-
25-
--tile-start-rgb: 239, 245, 249;
26-
--tile-end-rgb: 228, 232, 233;
27-
--tile-border: conic-gradient(
28-
#00000080,
29-
#00000040,
30-
#00000030,
31-
#00000020,
32-
#00000010,
33-
#00000010,
34-
#00000080
35-
);
36-
37-
--callout-rgb: 238, 240, 241;
38-
--callout-border-rgb: 172, 175, 176;
39-
--card-rgb: 180, 185, 188;
40-
--card-border-rgb: 131, 134, 135;
41-
}
42-
43-
@media (prefers-color-scheme: dark) {
44-
:root {
45-
--foreground-rgb: 255, 255, 255;
46-
--background-start-rgb: 0, 0, 0;
47-
--background-end-rgb: 0, 0, 0;
48-
49-
--primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
50-
--secondary-glow: linear-gradient(
51-
to bottom right,
52-
rgba(1, 65, 255, 0),
53-
rgba(1, 65, 255, 0),
54-
rgba(1, 65, 255, 0.3)
55-
);
56-
57-
--tile-start-rgb: 2, 13, 46;
58-
--tile-end-rgb: 2, 5, 19;
59-
--tile-border: conic-gradient(
60-
#ffffff80,
61-
#ffffff40,
62-
#ffffff30,
63-
#ffffff20,
64-
#ffffff10,
65-
#ffffff10,
66-
#ffffff80
67-
);
68-
69-
--callout-rgb: 20, 20, 20;
70-
--callout-border-rgb: 108, 108, 108;
71-
--card-rgb: 100, 100, 100;
72-
--card-border-rgb: 200, 200, 200;
73-
}
749
}
7510

7611
* {
@@ -82,26 +17,20 @@
8217
html,
8318
body {
8419
max-width: 100vw;
85-
overflow-x: hidden;
20+
min-height: 100vh;
8621
}
8722

8823
body {
8924
color: rgb(var(--foreground-rgb));
90-
background: linear-gradient(
91-
to bottom,
25+
background: linear-gradient(to bottom,
9226
transparent,
93-
rgb(var(--background-end-rgb))
94-
)
95-
rgb(var(--background-start-rgb));
27+
rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
9628
}
9729

9830
a {
99-
color: inherit;
10031
text-decoration: none;
10132
}
10233

103-
@media (prefers-color-scheme: dark) {
104-
html {
105-
color-scheme: dark;
106-
}
107-
}
34+
img {
35+
background-color: lightblue;
36+
}

‎src/app/layout.tsx‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import 'bootstrap/dist/css/bootstrap.min.css';
22
import './globals.css'
33
import { Inter } from 'next/font/google'
4+
import { Container, SSRProvider } from '@/components/bootstrap';
45

56
const inter = Inter({ subsets: ['latin'] })
67

@@ -17,8 +18,13 @@ export default function RootLayout({
1718
return (
1819
<html lang="en">
1920
<body className={inter.className}>
20-
<div>This div is shared across layouts</div>
21-
{children}
21+
<SSRProvider>
22+
<main>
23+
<Container className="py-4">
24+
{children}
25+
</Container>
26+
</main>
27+
</SSRProvider>
2228
</body>
2329
</html>
2430
)

‎src/app/loading.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1+
import { Spinner } from "@/components/bootstrap";
2+
13
export default function Loading() {
2-
return (
3-
<div>Loading...</div>
4-
);
4+
return <Spinner animation="border" className="d-block m-auto" />
55
}

‎src/app/page.module.css‎

Lines changed: 0 additions & 229 deletions
This file was deleted.

0 commit comments

Comments
 (0)