aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-18 21:19:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update logo

Browse Source
This commit is contained in:
Steven 2023-06-27 22:36:53 +08:00
parent 2fb0d145a2
commit c8751df012
4 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 83 KiB

BIN
web/public/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 83 KiB

11
web/src/pages/SignIn.tsx
View File

@ -6,7 +6,6 @@ import * as api from "../helpers/api";
import { userService } from "../services"; import { userService } from "../services";
import { useAppSelector } from "../stores"; import { useAppSelector } from "../stores";
import useLoading from "../hooks/useLoading"; import useLoading from "../hooks/useLoading";
import Icon from "../components/Icon";
const SignIn: React.FC = () => { const SignIn: React.FC = () => {
const navigate = useNavigate(); const navigate = useNavigate();
@ -59,12 +58,9 @@ const SignIn: React.FC = () => {
<div className="flex flex-row justify-center items-center w-full h-screen bg-white"> <div className="flex flex-row justify-center items-center w-full h-screen bg-white">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="flex flex-row justify-start items-center w-full mb-4"> <div className="flex flex-col justify-start items-center w-full gap-y-2 mb-4">
<img src="/logo.png" className="w-14 h-auto mr-1" alt="" /> <img src="/logo.png" className="w-16 h-auto" alt="logo" />
<div className="text-3xl font-medium font-mono flex flex-row justify-start items-center"> <span className="text-2xl font-medium font-mono opacity-80">Shortify</span>
Shortify
{actionBtnLoadingState.isLoading && <Icon.Loader className="ml-2 w-5 h-auto animate-spin" />}
</div>
</div> </div>
<form className="w-full" onSubmit={handleSigninBtnClick}> <form className="w-full" onSubmit={handleSigninBtnClick}>
<div className={`flex flex-col justify-start items-start w-full ${actionBtnLoadingState.isLoading ? "opacity-80" : ""}`}> <div className={`flex flex-col justify-start items-start w-full ${actionBtnLoadingState.isLoading ? "opacity-80" : ""}`}>
@ -88,6 +84,7 @@ const SignIn: React.FC = () => {
className="w-full" className="w-full"
type="submit" type="submit"
color="primary" color="primary"
loading={actionBtnLoadingState.isLoading}
disabled={actionBtnLoadingState.isLoading || !allowConfirm} disabled={actionBtnLoadingState.isLoading || !allowConfirm}
onClick={handleSigninBtnClick} onClick={handleSigninBtnClick}
> >

13
web/src/pages/SignUp.tsx
View File

@ -5,7 +5,6 @@ import { toast } from "react-hot-toast";
import * as api from "../helpers/api"; import * as api from "../helpers/api";
import { userService } from "../services"; import { userService } from "../services";
import useLoading from "../hooks/useLoading"; import useLoading from "../hooks/useLoading";
import Icon from "../components/Icon";
const SignUp: React.FC = () => { const SignUp: React.FC = () => {
const navigate = useNavigate(); const navigate = useNavigate();
@ -61,14 +60,11 @@ const SignUp: React.FC = () => {
<div className="flex flex-row justify-center items-center w-full h-screen bg-white"> <div className="flex flex-row justify-center items-center w-full h-screen bg-white">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="flex flex-row justify-start items-center w-full mb-4"> <div className="flex flex-col justify-start items-center w-full gap-y-2 mb-4">
<img src="/logo.png" className="w-14 h-auto mr-1" alt="" /> <img src="/logo.png" className="w-16 h-auto" alt="logo" />
<div className="text-3xl font-medium font-mono flex flex-row justify-start items-center"> <span className="text-2xl font-medium font-mono opacity-80">Shortify</span>
Shortify
{actionBtnLoadingState.isLoading && <Icon.Loader className="ml-2 w-5 h-auto animate-spin" />}
</div>
</div> </div>
<p className="w-full mb-4 mt-2 text-2xl">Create your account</p> <p className="w-full text-center mb-4 text-2xl">Create your account</p>
<form className="w-full" onSubmit={handleSignupBtnClick}> <form className="w-full" onSubmit={handleSignupBtnClick}>
<div className={`flex flex-col justify-start items-start w-full ${actionBtnLoadingState.isLoading ? "opacity-80" : ""}`}> <div className={`flex flex-col justify-start items-start w-full ${actionBtnLoadingState.isLoading ? "opacity-80" : ""}`}>
<div className="w-full flex flex-col mb-2"> <div className="w-full flex flex-col mb-2">
@ -95,6 +91,7 @@ const SignUp: React.FC = () => {
className="w-full" className="w-full"
type="submit" type="submit"
color="primary" color="primary"
loading={actionBtnLoadingState.isLoading}
disabled={actionBtnLoadingState.isLoading || !allowConfirm} disabled={actionBtnLoadingState.isLoading || !allowConfirm}
onClick={handleSignupBtnClick} onClick={handleSignupBtnClick}
> >