Merge pull request #28 from 4human-org/14-login-page-login-separator

Connor-Skudlarek · web-flow · commit e8a5bd76599d · 2024-03-13T13:26:27.000-07:00
14 login page login separator
diff --git a/components/LoginPage/LoginSeparator.jsx b/components/LoginPage/LoginSeparator.jsx
@@ -0,0 +1,13 @@
+"use client";
+
+export default function LoginSeparator() {
+  return (
+    <div className="between m-auto mx-20 flex flex-col">
+      <div className="relative left-[50%] m-[-1.5px] h-[110px] w-px border-l-[1px] bg-[#aaa]"></div>
+      <div className="m-0 h-[60px] w-[60px] rounded-full border-[1px] border-[#aaa] p-0 text-center leading-[60px]">
+        <span>OR</span>
+      </div>
+      <div className="relative left-[50%] m-[-1.5px] mt-0 h-[110px] w-px border-l-[1px] bg-[#aaa]"></div>
+    </div>
+  );
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,6 +27,8 @@
     "@types/react": "18.2.61",
     "autoprefixer": "^10.0.1",
     "postcss": "^8",
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.11",
     "tailwindcss": "^3.3.0",
     "typescript": "5.3.3"
   }
diff --git a/prettier.config.js b/prettier.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: ["prettier-plugin-tailwindcss"],
+};

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,8 @@`
`27`	`27`	`"@types/react": "18.2.61",`
`28`	`28`	`"autoprefixer": "^10.0.1",`
`29`	`29`	`"postcss": "^8",`
	`30`	`+ "prettier": "^3.2.5",`
	`31`	`+ "prettier-plugin-tailwindcss": "^0.5.11",`
`30`	`32`	`"tailwindcss": "^3.3.0",`
`31`	`33`	`"typescript": "5.3.3"`
`32`	`34`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+module.exports = {`
	`2`	`+ plugins: ["prettier-plugin-tailwindcss"],`
	`3`	`+};`