tangled
alpha
login
or
join now
socksthewolf.com
/
skyscheduler
2
fork
atom
Schedule posts to Bluesky with Cloudflare workers.
skyscheduler.work
cf
tool
bsky-tool
cloudflare
bluesky
schedule
bsky
service
social-media
cloudflare-workers
2
fork
atom
overview
issues
pulls
pipelines
attempt to make accessibility better
i love css wow
SocksTheWolf
1 week ago
75f8e0f4
430526e5
+27
-7
2 changed files
expand all
collapse all
unified
split
assets
css
stylesheet.css
src
layout
helpers
navTags.tsx
+24
-4
assets/css/stylesheet.css
···
17
17
display: flex;
18
18
margin-top: 2px;
19
19
margin-bottom: 0px;
20
20
-
line-height: unset;
20
20
+
line-height: 2;
21
21
}
22
22
img {
23
23
float: left;
24
24
-
margin-right: 20px;
24
24
+
margin-right: 10px;
25
25
+
position: relative;
26
26
+
top: 2vh;
25
27
}
26
28
}
27
29
30
30
+
.login {
31
31
+
button {
32
32
+
width: 110%;
33
33
+
}
34
34
+
min-width: 100px;
35
35
+
width: 20dvw;
36
36
+
max-width: 10em;
37
37
+
}
38
38
+
39
39
+
28
40
/* Shrink the nav icon on small handhead screens */
29
29
-
@media (max-width: 410px) {
41
41
+
@media (max-width: 430px) {
30
42
.navHeader {
31
43
img {
32
44
width: 24px !important;
···
34
46
margin-right: 10px;
35
47
margin-top: 0.7em;
36
48
}
49
49
+
}
50
50
+
.appTitle {
51
51
+
font-size: 1.15rem !important;
52
52
+
}
53
53
+
}
54
54
+
@media (max-width: 360px) {
55
55
+
.appTitle {
56
56
+
font-size: 1rem !important;
37
57
}
38
58
}
39
59
···
88
108
89
109
.toastify-avatar {
90
110
margin-left: 0px;
91
91
-
}
111
111
+
}
+3
-3
src/layout/helpers/navTags.tsx
···
8
8
<div>
9
9
<a href="/" title={`${APP_NAME} homepage`}>
10
10
<LogoImage width={64} height={64} />
11
11
-
<h2 class="secondary">{APP_NAME}</h2>
11
11
+
<h2 class="appTitle">{APP_NAME}</h2>
12
12
</a>
13
13
</div>
14
14
<div style="flex-grow: 1"></div>
15
15
<nav>
16
16
<ul>
17
17
-
<li><a href="/signup">Sign Up</a></li>
18
18
-
<li><a href="/login"><button class="secondary">Login</button></a></li>
17
17
+
<li><a role="button" href="/signup">Sign Up</a></li>
18
18
+
<li><a role="button" class="login secondary" href="/login">Login</a></li>
19
19
</ul>
20
20
</nav>
21
21
</div>