PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

fixed styles, improved PaginatedTableStyling

Browse Source
This commit is contained in:
PxlLoewe
2025-02-22 23:20:46 +01:00
parent 52888787cf
commit cd5c57beba
11 changed files with 87 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/hub/app/(auth)/layout.tsx
View File

@@ -13,10 +13,10 @@ const AuthLayout: NextPage<
'url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)',
}}
>
<div className="hero-overlay bg-opacity-60"></div>
<div className="hero-content text-neutral-content text-center ">
<div className="hero-overlay bg-neutral/60"></div>
<div className="hero-content text-center ">
<div className="max-w-lg">
<div className="card bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
<div className="card rounded-2xl bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
{children}
</div>
</div>

14
apps/hub/app/(auth)/login/_components/Login.tsx
View File

@@ -50,14 +50,14 @@ export const Login = () => {
<div>
<Toaster position="top-center" reverseOrder={false} />
</div>
<h1 className="text-3xl font-bold">Login</h1>
<h1 className="text-3xl font-bold ">Login</h1>
<span className="text-sm font-medium">
Noch keinen Account? Zur{' '}
<Link href="/register" className="link link-accent link-hover">
Registrierung
</Link>
</span>
<label className="input input-bordered flex items-center gap-2">
<label className="input input-bordered flex items-center gap-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -79,7 +79,7 @@ export const Login = () => {
? form.formState.errors.email.message
: ''}
</p>
<label className="input input-bordered flex items-center gap-2 mt-2">
<label className="input input-bordered flex items-center gap-2 mt-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -100,12 +100,8 @@ export const Login = () => {
className="grow"
/>
</label>
<div className="form-control mt-6">
<button
className="btn btn-primary"
name="loginBtn"
disabled={isLoading}
>
<div className="card-actions mt-6">
<button className="btn btn-primary btn-block" disabled={isLoading}>
{isLoading && (
<span className="loading loading-spinner loading-sm"></span>
)}

16
apps/hub/app/(auth)/register/_components/Register.tsx
View File

@@ -71,7 +71,7 @@ export const Register = () => {
</Link>
</span>
<div className="mt-5 mb-2">
<label className="input input-bordered flex items-center gap-2 mt-2">
<label className="input input-bordered flex items-center gap-2 mt-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -92,7 +92,7 @@ export const Register = () => {
? form.formState.errors.firstname.message
: ''}
</p>
<label className="input input-bordered flex items-center gap-2 mt-2">
<label className="input input-bordered flex items-center gap-2 mt-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -113,8 +113,8 @@ export const Register = () => {
? form.formState.errors.lastname.message
: ''}
</p>
<div className="divider divider-neutral">Account</div>
<label className="input input-bordered flex items-center gap-2">
<div className="divider">Account</div>
<label className="input input-bordered flex items-center gap-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -137,7 +137,7 @@ export const Register = () => {
? form.formState.errors.email.message
: ''}
</p>
<label className="input input-bordered flex items-center gap-2 mt-2">
<label className="input input-bordered flex items-center gap-2 mt-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -163,7 +163,7 @@ export const Register = () => {
? form.formState.errors.password.message
: ''}
</p>
<label className="input input-bordered flex items-center gap-2 mt-2">
<label className="input input-bordered flex items-center gap-2 mt-2 w-full">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
@@ -189,9 +189,9 @@ export const Register = () => {
? form.formState.errors.passwordConfirm.message
: ''}
</p>
<div className="form-control mt-6">
<div className="card-actions mt-6">
<button
className="btn btn-primary"
className="btn btn-primary btn-block"
name="registerBtn"
disabled={isLoading}
>