Skip to content

Commit 6208d19

Browse files
preetsuthar17preetsuthar17
committed
style: update FullScreenSignup component styling for consistency
Remove shadow from container, adjust text colors, and add white background to input fields to improve visual consistency and readability.
1 parent 223afda commit 6208d19

File tree

2 files changed

+11
-13
lines changed

2 files changed

+11
-13
lines changed

‎components/library/marketing/FullScreenSignup.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ const FullScreenSignup = () => {
5252

5353
return (
5454
<div className="min-h-screen flex items-center justify-center overflow-hidden p-4l">
55-
<div className=" w-full relative max-w-5xl overflow-hidden flex flex-col md:flex-row shadow-xl">
55+
<div className=" w-full relative max-w-5xl overflow-hidden flex flex-col md:flex-row">
5656
<div className="w-full h-full z-2 absolute bg-linear-to-t from-transparent to-black"></div>
5757
<div className="flex absolute z-2 overflow-hidden backdrop-blur-2xl ">
5858
<div className="h-[40rem] z-2 w-[4rem] bg-linear-90 from-[#ffffff00] via-[#000000] via-[69%] to-[#ffffff30] opacity-30 overflow-hidden"></div>
@@ -66,13 +66,13 @@ const FullScreenSignup = () => {
6666
<div className="w-[8rem] h-[5rem] bg-white absolute z-1 rounded-full bottom-0"></div>
6767
<div className="w-[8rem] h-[5rem] bg-white absolute z-1 rounded-full bottom-0"></div>
6868

69-
<div className="bg-black text-white p-8 md:p-12 md:w-1/2 relative rounded-bl-3xl overflow-hidden">
69+
<div className="bg-black text-gray-100 p-8 md:p-12 md:w-1/2 relative rounded-bl-3xl overflow-hidden">
7070
<h1 className="text-2xl md:text-3xl font-medium leading-tight z-10 tracking-tight relative">
7171
Design and dev partner for startups and founders.
7272
</h1>
7373
</div>
7474

75-
<div className="p-8 md:p-12 md:w-1/2 flex flex-col bg-primary z-99 text-primary-foreground ">
75+
<div className="p-8 md:p-12 md:w-1/2 flex flex-col bg-gray-100 z-99 text-black ">
7676
<div className="flex flex-col items-left mb-8">
7777
<div className="text-orange-500 mb-4">
7878
<Sunburst className="h-10 w-10" />
@@ -98,7 +98,7 @@ const FullScreenSignup = () => {
9898
type="email"
9999
id="email"
100100
placeholder="hi@hextastudio.in"
101-
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 ${
101+
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 bg-white ${
102102
emailError ? "border-red-500" : "border-gray-300"
103103
}`}
104104
value={email}
@@ -120,7 +120,7 @@ const FullScreenSignup = () => {
120120
<input
121121
type="password"
122122
id="password"
123-
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 ${
123+
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 bg-white ${
124124
passwordError ? "border-red-500" : "border-gray-300"
125125
}`}
126126
value={password}

‎content/docs/marketing/full-screen-signup.mdx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import FullScreenSignup from "@/components/library/marketing/FullScreenSignup";
88

99
## Preview
1010

11-
<PreviewContainer className="min-h-[30rem]">
11+
<PreviewContainer>
1212
<FullScreenSignup />
1313
</PreviewContainer>
1414

@@ -69,7 +69,7 @@ const FullScreenSignup = () => {
6969

7070
return (
7171
<div className="min-h-screen flex items-center justify-center overflow-hidden p-4l">
72-
<div className=" w-full relative max-w-5xl overflow-hidden flex flex-col md:flex-row shadow-xl">
72+
<div className=" w-full relative max-w-5xl overflow-hidden flex flex-col md:flex-row">
7373
<div className="w-full h-full z-2 absolute bg-linear-to-t from-transparent to-black"></div>
7474
<div className="flex absolute z-2 overflow-hidden backdrop-blur-2xl ">
7575
<div className="h-[40rem] z-2 w-[4rem] bg-linear-90 from-[#ffffff00] via-[#000000] via-[69%] to-[#ffffff30] opacity-30 overflow-hidden"></div>
@@ -83,13 +83,13 @@ const FullScreenSignup = () => {
8383
<div className="w-[8rem] h-[5rem] bg-white absolute z-1 rounded-full bottom-0"></div>
8484
<div className="w-[8rem] h-[5rem] bg-white absolute z-1 rounded-full bottom-0"></div>
8585

86-
<div className="bg-black text-white p-8 md:p-12 md:w-1/2 relative rounded-bl-3xl overflow-hidden">
86+
<div className="bg-black text-gray-100 p-8 md:p-12 md:w-1/2 relative rounded-bl-3xl overflow-hidden">
8787
<h1 className="text-2xl md:text-3xl font-medium leading-tight z-10 tracking-tight relative">
8888
Design and dev partner for startups and founders.
8989
</h1>
9090
</div>
9191

92-
<div className="p-8 md:p-12 md:w-1/2 flex flex-col bg-primary z-99 text-primary-foreground ">
92+
<div className="p-8 md:p-12 md:w-1/2 flex flex-col bg-gray-100 z-99 text-black ">
9393
<div className="flex flex-col items-left mb-8">
9494
<div className="text-orange-500 mb-4">
9595
<Sunburst className="h-10 w-10" />
@@ -115,7 +115,7 @@ const FullScreenSignup = () => {
115115
type="email"
116116
id="email"
117117
placeholder="hi@hextastudio.in"
118-
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 ${
118+
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 bg-white ${
119119
emailError ? "border-red-500" : "border-gray-300"
120120
}`}
121121
value={email}
@@ -137,7 +137,7 @@ const FullScreenSignup = () => {
137137
<input
138138
type="password"
139139
id="password"
140-
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 ${
140+
className={`text-sm w-full py-2 px-3 border rounded-lg focus:outline-none focus:ring-1 focus:ring-orange-500 bg-white ${
141141
passwordError ? "border-red-500" : "border-gray-300"
142142
}`}
143143
value={password}
@@ -171,8 +171,6 @@ const FullScreenSignup = () => {
171171
</div>
172172
);
173173
};
174-
175-
export default FullScreenSignup;
176174
```
177175

178176
## Usage

0 commit comments

Comments
 (0)