* Test giscus on homepage

* Use @giscus/react and support light theme

* Track prefers color scheme

* Create a discussion tab for each version
This commit is contained in:
Misode
2022-03-16 02:39:33 +01:00
committed by GitHub
parent cf41b5cdac
commit 1b91485bf1
17 changed files with 420 additions and 12 deletions

View File

@@ -1394,6 +1394,23 @@ hr {
fill: var(--accent-primary);
}
.version-tabs {
display: flex;
margin: 20px 0 10px;
box-shadow: inset 0 -1px 0 var(--background-4);
}
.version-tabs > * {
border-bottom: 2px solid transparent;
padding: 8px 16px;
cursor: pointer;
}
.version-tabs > .selected {
border-color: var(--text-3);
color: var(--text-1);
}
.ace_editor,
.ace_gutter,
.ace_gutter .ace_layer,
@@ -1437,6 +1454,10 @@ hr {
background-color: var(--selection) !important;
}
.giscus {
margin-top: 16px;
}
@media screen and (max-width: 720px) {
.sound-search-group {
margin-bottom: 8px;