Spaces:
Running
Running
Fix top links (open in new tab inside Space iframe); harden code-block overflow
Browse files- index.html +5 -5
index.html
CHANGED
|
@@ -17,8 +17,8 @@
|
|
| 17 |
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); background:var(--bg); line-height:1.65; }
|
| 18 |
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
|
| 19 |
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em; background:var(--code); color:var(--accent3); padding:.1em .35em; border-radius:4px; }
|
| 20 |
-
pre { background:var(--code); border:1px solid var(--border); border-radius:8px; padding:.9rem 1rem; overflow:auto; font-size:.85rem; }
|
| 21 |
-
pre code { background:none; padding:0; color:#C9D1D9; }
|
| 22 |
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.9rem; }
|
| 23 |
th,td { border:1px solid var(--border); padding:.5rem .7rem; text-align:left; vertical-align:top; }
|
| 24 |
th { background:linear-gradient(180deg, #1B2740, #141A22); color:#CDD9F5; }
|
|
@@ -43,7 +43,7 @@
|
|
| 43 |
.sidenav button:hover { color:var(--fg); background:rgba(255,255,255,0.03); }
|
| 44 |
.sidenav button[aria-selected="true"] { color:var(--accent); background:rgba(96,165,250,0.08); border-left-color:var(--accent); font-weight:600; }
|
| 45 |
.content { flex:1 1 auto; min-width:0; }
|
| 46 |
-
.content .inner { max-width:760px; margin:0; padding:2rem 2rem 5rem; }
|
| 47 |
section.tab { display:none; } section.tab[data-active="true"] { display:block; }
|
| 48 |
@media (max-width:800px){
|
| 49 |
.layout { flex-direction:column; }
|
|
@@ -79,8 +79,8 @@
|
|
| 79 |
<div class="topbar">
|
| 80 |
<h1>CHARM <span class="pill">c3-charm</span></h1>
|
| 81 |
<nav class="toplinks">
|
| 82 |
-
<a href="https://huggingface.co/c3aiia3c/CHARM">Model card</a>
|
| 83 |
-
<a href="https://pypi.org/project/c3-charm/">PyPI</a>
|
| 84 |
</nav>
|
| 85 |
</div>
|
| 86 |
</header>
|
|
|
|
| 17 |
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); background:var(--bg); line-height:1.65; }
|
| 18 |
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
|
| 19 |
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em; background:var(--code); color:var(--accent3); padding:.1em .35em; border-radius:4px; }
|
| 20 |
+
pre { background:var(--code); border:1px solid var(--border); border-radius:8px; padding:.9rem 1rem; overflow-x:auto; font-size:.85rem; max-width:100%; }
|
| 21 |
+
pre code { background:none; padding:0; color:#C9D1D9; white-space:pre; }
|
| 22 |
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.9rem; }
|
| 23 |
th,td { border:1px solid var(--border); padding:.5rem .7rem; text-align:left; vertical-align:top; }
|
| 24 |
th { background:linear-gradient(180deg, #1B2740, #141A22); color:#CDD9F5; }
|
|
|
|
| 43 |
.sidenav button:hover { color:var(--fg); background:rgba(255,255,255,0.03); }
|
| 44 |
.sidenav button[aria-selected="true"] { color:var(--accent); background:rgba(96,165,250,0.08); border-left-color:var(--accent); font-weight:600; }
|
| 45 |
.content { flex:1 1 auto; min-width:0; }
|
| 46 |
+
.content .inner { max-width:760px; min-width:0; margin:0; padding:2rem 2rem 5rem; }
|
| 47 |
section.tab { display:none; } section.tab[data-active="true"] { display:block; }
|
| 48 |
@media (max-width:800px){
|
| 49 |
.layout { flex-direction:column; }
|
|
|
|
| 79 |
<div class="topbar">
|
| 80 |
<h1>CHARM <span class="pill">c3-charm</span></h1>
|
| 81 |
<nav class="toplinks">
|
| 82 |
+
<a href="https://huggingface.co/c3aiia3c/CHARM" target="_blank" rel="noopener">Model card</a>
|
| 83 |
+
<a href="https://pypi.org/project/c3-charm/" target="_blank" rel="noopener">PyPI</a>
|
| 84 |
</nav>
|
| 85 |
</div>
|
| 86 |
</header>
|