tangled
alpha
login
or
join now
ericwood.org
/
photos-site
1
fork
atom
A little app to serve my photography from my personal website
1
fork
atom
overview
issues
pulls
pipelines
improved layout shift stuff
ericwood.org
3 months ago
a7aa9472
a25a4426
0/0
Waiting for spindle ...
+43
-3
2 changed files
expand all
collapse all
unified
split
src
views
blog
show
style.css
photos
show
style.css
+42
-2
src/views/blog/show/style.css
···
1
1
+
.blog__layout {
2
2
+
width: fit-content;
3
3
+
margin: 0 auto;
4
4
+
}
5
5
+
1
6
.blog__container {
2
2
-
max-width: 900px;
3
3
-
margin: 0 auto;
7
7
+
display: flex;
8
8
+
gap: 60px;
9
9
+
position: relative;
10
10
+
}
11
11
+
12
12
+
.blog__header {
13
13
+
border-bottom: solid black 3px;
14
14
+
}
15
15
+
16
16
+
.blog__toc {
17
17
+
position: sticky;
18
18
+
top: 30px;
19
19
+
align-self: flex-start;
20
20
+
}
21
21
+
22
22
+
.blog__toc a {
23
23
+
color: rgba(0, 0, 0, 0.5);
24
24
+
text-decoration: none;
25
25
+
}
26
26
+
27
27
+
.blog__toc a.active, .blog__toc a:hover {
28
28
+
color: rgb(0, 0, 0);
29
29
+
text-decoration: none;
30
30
+
}
31
31
+
32
32
+
.blog__toc ul {
33
33
+
margin: 0;
34
34
+
padding: 0;
35
35
+
list-style-type: none;
36
36
+
}
37
37
+
38
38
+
.blog__toc ul ul {
39
39
+
margin-left: 10px;
40
40
+
}
41
41
+
42
42
+
.blog__body {
43
43
+
max-width: 620px;
4
44
}
5
45
6
46
.blog__body pre {
+1
-1
src/views/photos/show/style.css
···
7
7
8
8
.photo__image {
9
9
display: flex;
10
10
-
width: 100%;
11
10
}
12
11
13
12
.photo__image img {
14
13
max-width: 100%;
15
14
max-height: 85vh;
15
15
+
height: 100%;
16
16
}
17
17
18
18
.photo__sidebar {