csr tangled client in solid-js
fix more skeleton loading issues, remove border from issue / pr entries
+19
-4
+3
-3
src/components/repo.tsx
+3
-3
src/components/repo.tsx
···
165
165
<RepoLanguageBarSkeleton />
166
166
<div class="flex items-center justify-between gap-4 pb-5">
167
167
<div class="flex items-center gap-2">
168
-
<SkeletonBlock class="h-8 w-36" />
169
-
<SkeletonBlock class="size-8" />
168
+
<SkeletonBlock class="untangled-skeleton-branch-select" />
169
+
<SkeletonBlock class="untangled-skeleton-compare-button" />
170
170
</div>
171
-
<SkeletonBlock class="h-8 w-40" />
171
+
<SkeletonBlock class="untangled-skeleton-clone-button" />
172
172
</div>
173
173
174
174
<Show when={props.nested}>
+16
-1
src/index.css
+16
-1
src/index.css
···
786
786
grid-template-columns: 2.5rem minmax(0, 1fr);
787
787
}
788
788
789
+
.untangled-skeleton-branch-select {
790
+
height: 34px;
791
+
width: 128px;
792
+
}
793
+
794
+
.untangled-skeleton-compare-button {
795
+
height: 30px;
796
+
width: 40px;
797
+
}
798
+
799
+
.untangled-skeleton-clone-button {
800
+
height: 30px;
801
+
width: 80px;
802
+
}
803
+
789
804
.untangled-overlap-avatars > * + * {
790
805
margin-left: -0.625rem;
791
806
}
···
2032
2047
@media (prefers-color-scheme: dark) {
2033
2048
.untangled-list-row {
2034
2049
background-color: rgb(31 41 55);
2035
-
border: 1px solid rgb(55 65 81);
2050
+
/* border: 1px solid rgb(55 65 81); */
2036
2051
}
2037
2052
}
2038
2053