Skip to content

Commit 53181b5

Browse files
author
Your Name
committed
Initial commit
0 parents  commit 53181b5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

79 files changed

+10438
-0
lines changed

‎.gitignore‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# next.js
7+
/.next/
8+
/out/
9+
10+
# production
11+
/build
12+
13+
# debug
14+
npm-debug.log*
15+
yarn-debug.log*
16+
yarn-error.log*
17+
.pnpm-debug.log*
18+
19+
# env files
20+
.env*
21+
22+
# vercel
23+
.vercel
24+
25+
# typescript
26+
*.tsbuildinfo
27+
next-env.d.ts

‎app/globals.css‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer base {
6+
:root {
7+
--background: 0 0% 100%;
8+
--foreground: 240 10% 3.9%;
9+
--card: 0 0% 100%;
10+
--card-foreground: 240 10% 3.9%;
11+
--popover: 0 0% 100%;
12+
--popover-foreground: 240 10% 3.9%;
13+
--primary: 240 5.9% 10%;
14+
--primary-foreground: 0 0% 98%;
15+
--secondary: 240 4.8% 95.9%;
16+
--secondary-foreground: 240 5.9% 10%;
17+
--muted: 240 4.8% 95.9%;
18+
--muted-foreground: 240 3.8% 46.1%;
19+
--accent: 240 4.8% 95.9%;
20+
--accent-foreground: 240 5.9% 10%;
21+
--destructive: 0 84.2% 60.2%;
22+
--destructive-foreground: 0 0% 98%;
23+
--border: 240 5.9% 90%;
24+
--input: 240 5.9% 90%;
25+
--ring: 240 5.9% 10%;
26+
--radius: 0.5rem;
27+
}
28+
29+
.dark {
30+
--background: 240 10% 3.9%;
31+
--foreground: 0 0% 98%;
32+
--card: 240 10% 3.9%;
33+
--card-foreground: 0 0% 98%;
34+
--popover: 240 10% 3.9%;
35+
--popover-foreground: 0 0% 98%;
36+
--primary: 0 0% 98%;
37+
--primary-foreground: 240 5.9% 10%;
38+
--secondary: 240 3.7% 15.9%;
39+
--secondary-foreground: 0 0% 98%;
40+
--muted: 240 3.7% 15.9%;
41+
--muted-foreground: 240 5% 64.9%;
42+
--accent: 240 3.7% 15.9%;
43+
--accent-foreground: 0 0% 98%;
44+
--destructive: 0 62.8% 30.6%;
45+
--destructive-foreground: 0 0% 98%;
46+
--border: 240 3.7% 15.9%;
47+
--input: 240 3.7% 15.9%;
48+
--ring: 240 4.9% 83.9%;
49+
}
50+
}
51+
52+
@layer base {
53+
* {
54+
@apply border-border;
55+
}
56+
body {
57+
@apply bg-background text-foreground;
58+
}
59+
}
60+
61+
/* Custom scrollbar styles */
62+
::-webkit-scrollbar {
63+
width: 8px;
64+
height: 8px;
65+
}
66+
67+
::-webkit-scrollbar-track {
68+
background: transparent;
69+
}
70+
71+
::-webkit-scrollbar-thumb {
72+
background: hsl(var(--muted));
73+
border-radius: 4px;
74+
}
75+
76+
::-webkit-scrollbar-thumb:hover {
77+
background: hsl(var(--muted-foreground));
78+
}
79+
80+
.dark ::-webkit-scrollbar-thumb {
81+
background: hsl(var(--secondary));
82+
}
83+
84+
.dark ::-webkit-scrollbar-thumb:hover {
85+
background: hsl(var(--secondary-foreground));
86+
}
87+
88+
.volume-slider {
89+
-webkit-appearance: none;
90+
height: 4px;
91+
background: var(--muted);
92+
border-radius: 2px;
93+
}
94+
95+
.volume-slider::-webkit-slider-thumb {
96+
-webkit-appearance: none;
97+
width: 14px;
98+
height: 14px;
99+
background: var(--primary);
100+
border-radius: 50%;
101+
cursor: pointer;
102+
}
103+

‎app/layout.tsx‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
import type React from "react"
2+
import "./globals.css"
3+
import { Inter } from "next/font/google"
4+
import { ThemeProvider } from "@/components/theme-provider"
5+
6+
// Initialize the Inter font
7+
const inter = Inter({
8+
subsets: ["latin"],
9+
variable: "--font-inter",
10+
display: "swap",
11+
})
12+
13+
export const metadata = {
14+
title: "Audio Studio Pro",
15+
description: "Advanced multi-track audio player",
16+
generator: 'v0.dev'
17+
}
18+
19+
export default function RootLayout({
20+
children,
21+
}: {
22+
children: React.ReactNode
23+
}) {
24+
return (
25+
<html lang="en" suppressHydrationWarning className={inter.variable}>
26+
<body className="font-sans">
27+
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
28+
{children}
29+
</ThemeProvider>
30+
</body>
31+
</html>
32+
)
33+
}
34+
35+
36+
37+
import './globals.css'

‎app/page.tsx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import AudioStudio from "@/components/audio-studio"
2+
3+
export default function Home() {
4+
return (
5+
<main className="min-h-screen">
6+
<AudioStudio />
7+
</main>
8+
)
9+
}
10+

‎components.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "default",
4+
"rsc": true,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "app/globals.css",
9+
"baseColor": "neutral",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
},
20+
"iconLibrary": "lucide"
21+
}

0 commit comments

Comments
 (0)