- {!hasUser &&
Login}
- {!hasUser &&
Register}
- {hasUser && <>
-
-
Profil}
- {hasUser &&
PW neu}
- {hasUser && <>
-
-
QrCode}
+
+ {!hasUser &&
+ } href={'/login'} text={'Login'} />
+ }
+ {!hasUser &&
+ } href={'/reg'} text={'Register'} />
+ }
+ {hasUser &&
+ } href={'/profil'} text={'Profil'} />
+ }
+ {!hasUser &&
+ } href={'/wantnewpw'} text={'Neues Password anfordern'} />
+ }
+ {hasUser &&
+ } href={'/qr'} text={'QrCode drucken'} />
+ }
+
+
+ {hasUser &&
+ {onLogout()}}>
+ } href={''} text={'Logout'}/>
+ }
+
- {hasUser && }
+ {hasUser &&
+ {onLogout()}}>
+ } href={''} text={'Account löschen'}/>
+
+ }
-
-
- {hasUser && }
-
-
-
Impressum
+
+
Impressum
)
}
diff --git a/src/components/InputForm.css b/src/components/InputForm.css
index 66954b2..fc47403 100644
--- a/src/components/InputForm.css
+++ b/src/components/InputForm.css
@@ -38,9 +38,11 @@ form
border-radius: 4px;
cursor: pointer;
height: 25px;
- max-width: 100%;
+ max-width: 80%;
width: auto;
margin-top: 5px;
+ padding-left: 4px;
+ padding-right: 4px;
}
.InputForm .IF_pw button
{
diff --git a/src/components/Profil.tsx b/src/components/Profil.tsx
index cd431e2..a0516d1 100644
--- a/src/components/Profil.tsx
+++ b/src/components/Profil.tsx
@@ -183,7 +183,7 @@ function Profil()
{WWW_ROOT + data.data.qr_id}
{data.data &&
![]()
}
-
+
+
{oneQrBlock()}
{oneQrBlock()}
{oneQrBlock()}
diff --git a/src/index.css b/src/index.css
index e69de29..1fd8b9c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,41 @@
+@import-normalize;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+*,
+*::before,
+*::after
+{
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
+@layer components {
+ .sidebar-icon {
+ @apply relative flex items-center justify-center
+ h-12 w-12 mt-2 mb-2 mx-auto
+ bg-orange-400 hover:bg-orange-800
+ text-black hover:text-white
+ hover:rounded-xl rounded-3xl
+ transition-all duration-300 ease-linear
+ cursor-pointer shadow-lg ;
+ --bs-link-color: none;
+ --bs-link-hover-color: none;
+ }
+
+ .sidebar-tooltip {
+ @apply absolute w-auto p-2 m-2 min-w-max left-14 rounded-md shadow-md
+ text-white bg-orange-800
+ text-xs font-bold
+ transition-all duration-100 scale-0 origin-left;
+ }
+
+ .sidebar-hr {
+ @apply bg-gray-200
+ border border-gray-200 rounded-full
+ mx-2;
+ }
+}
\ No newline at end of file
diff --git a/src/services/Icons.tsx b/src/services/Icons.tsx
index 5107b88..1131691 100644
--- a/src/services/Icons.tsx
+++ b/src/services/Icons.tsx
@@ -1,7 +1,10 @@
-import React from 'react'
+import React from 'react';
+import feather from 'feather-icons';
const WWW_ROOT: string = process.env.REACT_APP_WWW_ROOT!;
+const ic = feather.icons.circle;
+
export type TIcon =
{
diff --git a/src/services/Notifications.tsx b/src/services/Notifications.tsx
index 0d57f6f..d813881 100644
--- a/src/services/Notifications.tsx
+++ b/src/services/Notifications.tsx
@@ -1,5 +1,6 @@
import React from 'react';
import { showNotification } from '@mantine/notifications';
+import * as Icons from 'feather-icons';
export function notificationSuccess(msg: string)
{
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..7a40f88
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ mode: 'jit',
+ content: [
+ "./src/**/*.{js,jsx,ts,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}