ditkrg/AuthorizationServerDemos
4
0
Fork 0
mirror of https://github.com/ditkrg/AuthorizationServerDemos.git synced 2026-01-23 01:46:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Customizes Real Estate App

Browse Source
This commit is contained in:
Vazhin Tayeb 2021-01-17 15:08:08 +03:00
parent d96726d6e6
commit e452802d13
5 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
React/real-estate/src/index.css
View File

@ -50,7 +50,7 @@ button:hover {
right: 0px; right: 0px;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
background-color: #dfdfdf; background-color: #f3f3f3;
width: 40vw; width: 40vw;
height: 100vh; height: 100vh;
padding: 35vh 5vw 35vh 5vw; padding: 35vh 5vw 35vh 5vw;

4
React/real-estate/src/pages/components/Heading3.js
View File

@ -1,10 +1,10 @@
import React from "react"; import React from "react";
const Heading3 = ({ children, styles = {} }) => { const Heading3 = ({ children, classes = "", styles = {} }) => {
return ( return (
<h3 <h3
style={{ ...styles }} style={{ ...styles }}
className="font-light font-inter text-black-custom my-20 self-start" className={`font-light font-inter text-black-custom my-20 self-start ${classes}`}
> >
{children} {children}
</h3> </h3>

6
React/real-estate/src/pages/components/VehicleRegisterForm.js
View File

@ -28,9 +28,11 @@ const VehicleRegisterForm = () => {
} }
return ( return (
<Card styles={{ padding: "60px" }} classes="xl:w-2/5"> <Card styles={{ padding: "100px 90px 100px 90px" }} classes="xl:w-2/5">
<form onSubmit={(e) => e.preventDefault()} className="m-0 flex flex-col"> <form onSubmit={(e) => e.preventDefault()} className="m-0 flex flex-col">
<Heading3 styles={{ marginTop: "0" }}>Register Real Estate</Heading3> <Heading3 styles={{ marginTop: "0" }} classes="font-playfair">
Register Real Estate
</Heading3>
<div className="flex flex-col"> <div className="flex flex-col">
<InputText <InputText

2
React/real-estate/src/pages/components/table/ColumnName.js
View File

@ -3,7 +3,7 @@ import React from "react";
const ColumnName = ({ text }) => ( const ColumnName = ({ text }) => (
<th <th
scope="col" scope="col"
className="whitespace-nowrap text-2xl font-inter text-black-custom font-semibold text-center" className="whitespace-nowrap text-2xl font-inter text-white font-semibold text-center"
style={{ padding: "10px 40px 10px 40px" }} style={{ padding: "10px 40px 10px 40px" }}
> >
{text} {text}

4
React/real-estate/src/pages/components/table/Table.js
View File

@ -7,7 +7,7 @@ const Table = ({ vehicleData }) => {
return ( return (
<div className="shadow overflow-x-auto border-b border-gray-200 sm:rounded w-full"> <div className="shadow overflow-x-auto border-b border-gray-200 sm:rounded w-full">
<table className="min-w-full divide-y divide-gray-200 mb-0"> <table className="min-w-full divide-y divide-gray-200 mb-0">
<thead className="bg-gray-50"> <thead className="bg-blue-custom">
<tr> <tr>
<ColumnName text={"Address"} /> <ColumnName text={"Address"} />
<ColumnName text={"Area"} /> <ColumnName text={"Area"} />
@ -19,7 +19,7 @@ const Table = ({ vehicleData }) => {
</thead> </thead>
<tbody className="bg-white divide-y divide-gray-200"> <tbody className="bg-white divide-y divide-gray-200">
{vehicleData.map((vehicle) => ( {vehicleData.map((vehicle) => (
<tr key={vehicle.id}> <tr key={vehicle.id} className="bg-gray-50">
<TableData text={vehicle.address} /> <TableData text={vehicle.address} />
<TableData text={vehicle.area} /> <TableData text={vehicle.area} />
<TableData text={vehicle.citizen_upn} /> <TableData text={vehicle.citizen_upn} />