Merge branch 'main' of https://github.com/raisfeld-ori/d_vault

src/pages/login/login.css

@@ -588,3 +588,19 @@ li {
 }
 
 
+.ignore{
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin-top: 0px;
+}
+
+.ignore img {
+  width: 4.5svh;
+  height: 4.5svh;
+}
+
+.ignore img:hover{
+  width: 5svh;
+  height: 5svh;
+}

src/pages/login/login.tsx

@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { invoke } from '@tauri-apps/api';
 import { useNavigate } from 'react-router-dom';
 import noenemies from '../main_page/assets/nature.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 function login(){
     const [name, setname] = useState("");
@@ -22,7 +24,10 @@ function login(){
     }
 
         return <div id='background' onContextMenu={e => e.preventDefault()}>
-                        <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
+            <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
         <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
         <div className='iseewhoyouare' ></div>

src/pages/login/signup.tsx

@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { invoke } from '@tauri-apps/api';
 import noenemies from '../main_page/assets/nature2.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 
 function Login() {
@@ -25,7 +27,9 @@ function Login() {
 
     return (
         <div id='background' onContextMenu={e => e.preventDefault()}>
-
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={true} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
             <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />