-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.css
More file actions
42 lines (35 loc) · 1.2 KB
/
Copy pathindex.css
File metadata and controls
42 lines (35 loc) · 1.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom components matching Venmo design */
@layer components {
.venmo-button {
@apply bg-blue-500 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-200 hover:bg-blue-600 focus:outline-none focus:ring-4 focus:ring-blue-500/30 shadow-lg;
}
.venmo-card {
@apply bg-white rounded-2xl shadow-lg p-6 border border-gray-100;
}
.venmo-input {
@apply w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition-all duration-200;
}
.venmo-avatar {
@apply w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-semibold;
}
}
/* Safe area support for devices with notches */
@supports (padding: max(0px)) {
.safe-area-inset-bottom {
padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}
}
/* Ensure bottom navigation is always accessible */
@layer utilities {
.nav-locked {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 40;
}
}