Add state enums and HomeLayout styling improvements
Introduced generated stateE15Enum and stateFdaEnum TypeScript types for both private and public API models. Updated HomeLayout to use a new CSS module for layout styling, and adjusted navbar centering logic. Commented out reset.css in index.html and made minor CSS cleanups.
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="reset.css">
|
<!--<link rel="stylesheet" href="reset.css">-->
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|||||||
27
frontend/src/api/generated/private/models/stateE15Enum.ts
Normal file
27
frontend/src/api/generated/private/models/stateE15Enum.ts
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
/**
|
||||||
|
* Generated by orval v7.17.0 🍺
|
||||||
|
* Do not edit manually.
|
||||||
|
* OpenAPI spec version: 0.0.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * `WAITING_FOR_ORDERING_SHIPMENT` - cz#Čeká na objednání zásilkovny
|
||||||
|
* `PENDING` - cz#Podáno
|
||||||
|
* `SENDED` - cz#Odesláno
|
||||||
|
* `ARRIVED` - cz#Doručeno
|
||||||
|
* `CANCELED` - cz#Zrušeno
|
||||||
|
* `RETURNING` - cz#Posláno zpátky
|
||||||
|
* `RETURNED` - cz#Vráceno
|
||||||
|
*/
|
||||||
|
export type StateE15Enum = (typeof StateE15Enum)[keyof typeof StateE15Enum];
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
||||||
|
export const StateE15Enum = {
|
||||||
|
WAITING_FOR_ORDERING_SHIPMENT: "WAITING_FOR_ORDERING_SHIPMENT",
|
||||||
|
PENDING: "PENDING",
|
||||||
|
SENDED: "SENDED",
|
||||||
|
ARRIVED: "ARRIVED",
|
||||||
|
CANCELED: "CANCELED",
|
||||||
|
RETURNING: "RETURNING",
|
||||||
|
RETURNED: "RETURNED",
|
||||||
|
} as const;
|
||||||
21
frontend/src/api/generated/private/models/stateFdaEnum.ts
Normal file
21
frontend/src/api/generated/private/models/stateFdaEnum.ts
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
/**
|
||||||
|
* Generated by orval v7.17.0 🍺
|
||||||
|
* Do not edit manually.
|
||||||
|
* OpenAPI spec version: 0.0.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * `ordered` - cz#Objednávka se připravuje
|
||||||
|
* `shipped` - cz#Odesláno
|
||||||
|
* `delivered` - cz#Doručeno
|
||||||
|
* `ready_to_pickup` - cz#Připraveno k vyzvednutí
|
||||||
|
*/
|
||||||
|
export type StateFdaEnum = (typeof StateFdaEnum)[keyof typeof StateFdaEnum];
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
||||||
|
export const StateFdaEnum = {
|
||||||
|
ordered: "ordered",
|
||||||
|
shipped: "shipped",
|
||||||
|
delivered: "delivered",
|
||||||
|
ready_to_pickup: "ready_to_pickup",
|
||||||
|
} as const;
|
||||||
27
frontend/src/api/generated/public/models/stateE15Enum.ts
Normal file
27
frontend/src/api/generated/public/models/stateE15Enum.ts
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
/**
|
||||||
|
* Generated by orval v7.17.0 🍺
|
||||||
|
* Do not edit manually.
|
||||||
|
* OpenAPI spec version: 0.0.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * `WAITING_FOR_ORDERING_SHIPMENT` - cz#Čeká na objednání zásilkovny
|
||||||
|
* `PENDING` - cz#Podáno
|
||||||
|
* `SENDED` - cz#Odesláno
|
||||||
|
* `ARRIVED` - cz#Doručeno
|
||||||
|
* `CANCELED` - cz#Zrušeno
|
||||||
|
* `RETURNING` - cz#Posláno zpátky
|
||||||
|
* `RETURNED` - cz#Vráceno
|
||||||
|
*/
|
||||||
|
export type StateE15Enum = (typeof StateE15Enum)[keyof typeof StateE15Enum];
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
||||||
|
export const StateE15Enum = {
|
||||||
|
WAITING_FOR_ORDERING_SHIPMENT: "WAITING_FOR_ORDERING_SHIPMENT",
|
||||||
|
PENDING: "PENDING",
|
||||||
|
SENDED: "SENDED",
|
||||||
|
ARRIVED: "ARRIVED",
|
||||||
|
CANCELED: "CANCELED",
|
||||||
|
RETURNING: "RETURNING",
|
||||||
|
RETURNED: "RETURNED",
|
||||||
|
} as const;
|
||||||
21
frontend/src/api/generated/public/models/stateFdaEnum.ts
Normal file
21
frontend/src/api/generated/public/models/stateFdaEnum.ts
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
/**
|
||||||
|
* Generated by orval v7.17.0 🍺
|
||||||
|
* Do not edit manually.
|
||||||
|
* OpenAPI spec version: 0.0.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * `ordered` - cz#Objednávka se připravuje
|
||||||
|
* `shipped` - cz#Odesláno
|
||||||
|
* `delivered` - cz#Doručeno
|
||||||
|
* `ready_to_pickup` - cz#Připraveno k vyzvednutí
|
||||||
|
*/
|
||||||
|
export type StateFdaEnum = (typeof StateFdaEnum)[keyof typeof StateFdaEnum];
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
||||||
|
export const StateFdaEnum = {
|
||||||
|
ordered: "ordered",
|
||||||
|
shipped: "shipped",
|
||||||
|
delivered: "delivered",
|
||||||
|
ready_to_pickup: "ready_to_pickup",
|
||||||
|
} as const;
|
||||||
@@ -1,7 +1,9 @@
|
|||||||
.navbar {
|
.navbar {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
margin: auto;
|
margin: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
padding: 0 2em;
|
padding: 0 2em;
|
||||||
background-color: var(--c-boxes);
|
background-color: var(--c-boxes);
|
||||||
color: white;
|
color: white;
|
||||||
|
|||||||
12
frontend/src/layouts/HomeLayout.module.css
Normal file
12
frontend/src/layouts/HomeLayout.module.css
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
/* Root container for the entire layout */
|
||||||
|
.root {
|
||||||
|
min-height: 100vh;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
@@ -9,12 +9,14 @@ const userexists: User = {
|
|||||||
avatarUrl: "",
|
avatarUrl: "",
|
||||||
};
|
};
|
||||||
|
|
||||||
|
import styles from "./HomeLayout.module.css";
|
||||||
|
|
||||||
export default function HomeLayout(){
|
export default function HomeLayout(){
|
||||||
return(
|
return(
|
||||||
<>
|
<div className={styles.root}>
|
||||||
<SiteNav user={userexists} onLogin={() => {}} onLogout={() => {}} />
|
<SiteNav user={userexists} onLogin={() => {}} onLogout={() => {}} />
|
||||||
<Outlet />
|
<Outlet />
|
||||||
<Footer />
|
<Footer />
|
||||||
</>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@@ -7,8 +7,6 @@
|
|||||||
--c-other: #70A288; /*other*/
|
--c-other: #70A288; /*other*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
body{
|
body{
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user