Add Signup/Signin page, query profile information via API and add footer with its respective subpages
This commit is contained in:
parent
6596dc6d9b
commit
c17d6b6b70
30 changed files with 1490 additions and 154 deletions
|
|
@ -31,16 +31,16 @@ const lines = code.split('\n');
|
|||
title={`Mark line ${lineNum} as buggy`}
|
||||
>
|
||||
<td class="w-16 text-right pr-4 select-none">
|
||||
<span class={`text-[#8b949e] line-number ${hasHint ? 'text-[#ff7b72] font-semibold' : ''}`}>
|
||||
<span class={`text-[#8b949e] line-number ${hasHint ? 'has-hint-color' : ''}`}>
|
||||
{lineNum}
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-4 py-0.5 whitespace-pre">
|
||||
<span class={`text-[#e6edf3] ${hasHint ? 'bg-[#ff7b7233] px-2 -mx-2' : ''}`}>
|
||||
<span class={`text-[#e6edf3] ${hasHint ? 'has-hint-bg bg-[#ff7b7233] px-2 -mx-2' : ''}`}>
|
||||
{line || ' '}
|
||||
</span>
|
||||
{hasHint && (
|
||||
<span class="ml-2 hint text-[#79c0ff] text-xs opacity-0 group-hover:opacity-100 transition-opacity">
|
||||
<span class="ml-2 hint text-[#79c0ff] text-xs hidden">
|
||||
• {hintText?.replace(`Line ${lineNum}: `, '')}
|
||||
</span>
|
||||
)}
|
||||
|
|
@ -52,19 +52,7 @@ const lines = code.split('\n');
|
|||
</table>
|
||||
</div>
|
||||
|
||||
{hints.length > 0 && (
|
||||
<div class="bg-[#161b22] px-4 py-3 border-t border-[#30363d]">
|
||||
<h3 class="text-sm font-semibold text-[#c9d1d9] mb-2">Hints:</h3>
|
||||
<ul class="space-y-1">
|
||||
{hints.map((hint) => (
|
||||
<li class="text-sm text-[#8b949e] flex items-start gap-2">
|
||||
<span class="text-[#79c0ff] mt-0.5">•</span>
|
||||
<span>{hint}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -87,6 +75,19 @@ const lines = code.split('\n');
|
|||
tr.bugged {
|
||||
background-color: #f8514918;
|
||||
}
|
||||
.diff-viewer-container:not(.revealed) tr.bugged .line-number.has-hint-color {
|
||||
color: #f85149 !important;
|
||||
}
|
||||
.diff-viewer-container:not(.revealed) tr:not(.bugged) span.line-number.has-hint-color {
|
||||
color: #8b949e !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
.diff-viewer-container.revealed tr.bugged .hint {
|
||||
display: inline;
|
||||
}
|
||||
.diff-viewer-container:not(.revealed) td > span.has-hint-bg {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script client:load>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue