Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@
"@mdx-js/react": "^3.0.0",
"@popperjs/core": "^2.11.8",
"@radix-ui/react-avatar": "^1.1.7",
"@radix-ui/react-slot": "^1.2.0",
"@radix-ui/react-collapsible": "^1.1.12",
"@radix-ui/react-slot": "^1.2.3",
"@tsparticles/react": "^3.0.0",
"@tsparticles/slim": "^3.8.1",
"@vercel/analytics": "^1.5.0",
Expand Down
45 changes: 45 additions & 0 deletions src/components/ui/badge.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
import * as React from "react"
import { Slot } from "@radix-ui/react-slot"
import { cva, type VariantProps } from "class-variance-authority"
import { cn } from "../../../src/lib/utils"

const badgeVariants = cva(
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
{
variants: {
variant: {
default:
"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
secondary:
"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
destructive:
"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
outline:
"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
},
},
defaultVariants: {
variant: "default",
},
}
)

function Badge({
className,
variant,
asChild = false,
...props
}: React.ComponentProps<"span"> &
VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
const Comp = asChild ? Slot : "span"

return (
<Comp
data-slot="badge"
className={cn(badgeVariants({ variant }), className)}
{...props}
/>
)
}

export { Badge, badgeVariants }
31 changes: 31 additions & 0 deletions src/components/ui/collapsible.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
import * as React from "react"
function Collapsible({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
}

function CollapsibleTrigger({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
return (
<CollapsiblePrimitive.CollapsibleTrigger
data-slot="collapsible-trigger"
{...props}
/>
)
}

function CollapsibleContent({
...props
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
return (
<CollapsiblePrimitive.CollapsibleContent
data-slot="collapsible-content"
{...props}
/>
)
}

export { Collapsible, CollapsibleTrigger, CollapsibleContent }
21 changes: 21 additions & 0 deletions src/components/ui/input.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import * as React from "react"

import { cn } from "../../../src/lib/utils"

function Input({ className, type, ...props }: React.ComponentProps<"input">) {
return (
<input
type={type}
data-slot="input"
className={cn(
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
className
)}
{...props}
/>
)
}

export { Input }
89 changes: 77 additions & 12 deletions src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -1824,10 +1824,6 @@ html {
}
}

/* STAR section border fixes for dark mode */
[data-theme="dark"] .star-border-red {
border-color: #ef4444 !important;
}

/* Fix: Remove extra box/space above dropdown nav items in sidebar */
.navbar-sidebar__item,
Expand Down Expand Up @@ -1873,14 +1869,18 @@ html {
border-color: #3b82f6 !important;
}

[data-theme="light"] .interview-prep-page h1,
[data-theme="light"] .interview-prep-page h2,
[data-theme="light"] .interview-prep-page h3,
[data-theme="light"] .interview-prep-page h4,
[data-theme="light"] .interview-prep-page h5,
[data-theme="light"] .interview-prep-page h6 {
color: #ffffff !important;
}
[data-theme="dark"] .star-border-yellow {
border-color: #eab308 !important;
}

[data-theme="light"] .interview-prep-page h1,
[data-theme="light"] .interview-prep-page h2,
[data-theme="light"] .interview-prep-page h3,
[data-theme="light"] .interview-prep-page h4,
[data-theme="light"] .interview-prep-page h5,
[data-theme="light"] .interview-prep-page h6 {
color: #ffffff !important;
}

.watch-video-btn {
background-color: #dc2626;
Expand Down Expand Up @@ -2018,4 +2018,69 @@ html {

.explore-btn:hover{
color:white;
}

.custom-input {
background-color: #374151;
color:white; /* cyan-500 */
}
.company-border{
border-color:#6b7280;
color:white;
}
.company-blue-border{
border-color:#3b82f6 ;
}
.company-green-border{
border-color: #22c55e;
}
.company-purple-border{
border-color: #a855f7;
}

/* System Design */
[data-theme='dark'] .badge-system {
border-color: #60a5fa; /* dark:border-blue-300 */
color: #60a5fa; /* dark:text-blue-300 */
background-color: rgba(30, 64, 175, 0.2); /* dark:bg-blue-900/20 */
}

/* Behavioral */
[data-theme='dark'] .badge-behavioral {
border-color: #4ade80;
color: #4ade80;
background-color: rgba(20, 83, 45, 0.2);
}

/* Technical */

[data-theme='dark'] .badge-technical {
border-color: #c084fc;
color: #c084fc;
background-color: rgba(88, 28, 135, 0.2);
}


[data-theme='dark'] .badge-other {
border-color: #fb923c;
color: #fb923c;
background-color: rgba(124, 45, 18, 0.2);
}

[data-theme='dark'] .question-card {
border-color: #1f2937; /* border-gray-800 */
background-color: #1f2937; /* bg-gray-800 */
}
.company-tab-link{
color: white;
}
.company-tab-link:hover{
color: white;
}
.company-tab-community-link{
color: #fdba74;
}
.company-tab-community-link:hover{
color: #fdba74;
text-decoration: none;
}
Loading
Loading