A little app to serve my photography from my personal website
improved layout shift stuff
Waiting for spindle ...
+43
-3
+42
-2
src/views/blog/show/style.css
+42
-2
src/views/blog/show/style.css
···
1
+
.blog__layout {
2
+
width: fit-content;
3
+
margin: 0 auto;
4
+
}
5
+
1
6
.blog__container {
2
-
max-width: 900px;
3
-
margin: 0 auto;
7
+
display: flex;
8
+
gap: 60px;
9
+
position: relative;
10
+
}
11
+
12
+
.blog__header {
13
+
border-bottom: solid black 3px;
14
+
}
15
+
16
+
.blog__toc {
17
+
position: sticky;
18
+
top: 30px;
19
+
align-self: flex-start;
20
+
}
21
+
22
+
.blog__toc a {
23
+
color: rgba(0, 0, 0, 0.5);
24
+
text-decoration: none;
25
+
}
26
+
27
+
.blog__toc a.active, .blog__toc a:hover {
28
+
color: rgb(0, 0, 0);
29
+
text-decoration: none;
30
+
}
31
+
32
+
.blog__toc ul {
33
+
margin: 0;
34
+
padding: 0;
35
+
list-style-type: none;
36
+
}
37
+
38
+
.blog__toc ul ul {
39
+
margin-left: 10px;
40
+
}
41
+
42
+
.blog__body {
43
+
max-width: 620px;
4
44
}
5
45
6
46
.blog__body pre {