MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

Straight Underline no curvy #5

Merged
tokslaw merged 1 commits from straight_underline_login_page_victor into master 2023-01-25 17:36:50 +00:00
Conversation 0 Commits 1 Files Changed 2
+13 -2
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/shape/login_straight_underline.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="174" height="31" viewBox="0 0 174 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0,2 173,2" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
<stop stop-color="#F539F8"/>
<stop offset="0.416763" stop-color="#C342F9"/>
<stop offset="1" stop-color="#5356FB"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 466 B

src/components/AuthPages/Login/index.jsx
+3 -2
View File
@@ -2,7 +2,8 @@ import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import { toast } from "react-toastify";
import googleLogo from "../../../assets/images/google-logo.svg";
import titleShape from "../../../assets/images/shape/title-shape.svg";
// import titleShape from "../../../assets/images/shape/title-shape.svg";
import titleShape from "../../../assets/images/shape/login_straight_underline.svg";
import InputCom from "../../Helpers/Inputs/InputCom";
import AuthLayout from "../AuthLayout";
@@ -51,7 +52,7 @@ export default function Login() {
<h1 className="text-5xl font-bold leading-[74px] text-dark-gray dark:text-white">
Log In
</h1>
<div className="shape -mt-5">
<div className="shape -mt-2">
<img src={titleShape} alt="shape" />
</div>
</div>