fix: Small design improvements (#235)

src/components/ui/input.tsx

@@ -5,7 +5,6 @@ import {type IconType} from "react-icons"
 import useTooltip from "@/hooks/util/useTooltip"
 import {IconButton} from "./button"
 import {
-  type InputHTMLAttributes,
   forwardRef,
   type HTMLAttributes,
   type ReactNode,

src/lang/english.ts

@@ -74,7 +74,7 @@ export const english: LangDefinition = {
   [LangKey.ConnectionError]: "Connection Error",
   [LangKey.GoToLogin]: "Go to login",
   [LangKey.ConnectionErrorSubtitle]:
-    "Ops we have lost connection with the server, please reload the page or login again.",
+    "Connection lost with the server; please reload the page or login again.",
   [LangKey.Reply]: "Reply",
   [LangKey.Resend]: "Resend",
   [LangKey.Save]: "Save",
@@ -187,7 +187,7 @@ export const english: LangDefinition = {
   [LangKey.DecorativeBackgroundAlt]: "Abstract background for login page",
   [LangKey.WelcomeBack]: "Welcome Back",
   [LangKey.LoginSubtitleInfo]:
-    "Glad to see you here! Already have an account? Please enter your email and password to sign in.",
+    "Already have an account? Please enter your email and password to sign in.",
   [LangKey.UserID]: "User ID",
   [LangKey.Password]: "Password",
   [LangKey.HideToken]: "Hide token",
@@ -213,7 +213,7 @@ export const english: LangDefinition = {
   [LangKey.DMTrayFindUserDescription]:
     "Start a conversation with someone using their name or username (@username:mirage.org).",
   [LangKey.EnterNameOrUsername]: "Enter name or username",
-  [LangKey.RoomsEmptyTitle]: "Ops you don't have rooms",
+  [LangKey.RoomsEmptyTitle]: "No rooms yet",
   [LangKey.RoomsEmptySubtitle]: "You can search for users and start a chat",
   [LangKey.RecentConversations]: "RECENT CONVERSATIONS",
   [LangKey.DMTrayFoundedDescription]:
@@ -232,7 +232,7 @@ export const english: LangDefinition = {
   // #region Notifications
   [LangKey.Notifications]: "Notifications",
   [LangKey.LoadingNotifications]: "Loading Notifications",
-  [LangKey.NotificationsEmpty]: "You not have notifications",
+  [LangKey.NotificationsEmpty]: "There are no notifications",
   [LangKey.GoTo]: "Go to ⟶",
   [LangKey.RemoveNotification]: "Remove notification",
   [LangKey.MarkAsRead]: "Mark as read",
@@ -278,7 +278,7 @@ export const english: LangDefinition = {
     "An error occurred while trying to join the Room.",
   [LangKey.RoomNotFound]: "Room Not Found",
   [LangKey.RoomNotFoundDescription]:
-    "You not have access to this room or this room not found.",
+    "You don't have access to this room or it doesn't exist.",
   [LangKey.SeveralPeople]: "Several people",
   [LangKey.And]: " and ",
   [LangKey.Typing]: "typing...",

src/views/login.tsx

@@ -4,7 +4,6 @@ import {
   userIdConstraint,
 } from "@/components/Input"
 import {useState, type FC} from "react"
-import {StaticAssetPath} from "@/utils/util"
 import {IoIosContact} from "react-icons/io"
 import {IoEye, IoEyeOff, IoKey} from "react-icons/io5"
 import useLogin from "@/hooks/util/useLogin"
@@ -25,18 +24,9 @@ const LoginView: FC = () => {
 
   return (
     <div className="flex size-full max-h-screen items-center justify-center p-6">
-      {/* Decorative background */}
-      <div className="hidden h-full items-center justify-center sm:flex">
-        <img
-          className="max-h-full max-w-full object-contain"
-          src={StaticAssetPath.LoginPhoto}
-          alt={t(LangKey.DecorativeBackgroundAlt)}
-        />
-      </div>
-
       {/* Login form */}
-      <div className="h-screen max-w-[500px] overflow-y-auto">
-        <div className="flex h-full min-h-[500px] max-w-[500px] flex-col gap-2 p-6">
+      <div className="h-screen max-w-[400px] overflow-y-auto">
+        <div className="flex h-full min-h-[400px] max-w-[400px] flex-col gap-2 p-6">
           <div className="flex h-full grow flex-col justify-center gap-6 p-3">
             <div className="flex w-full items-center justify-center">
               <AppLogo />