ditkrg/AuthorizationServerDemos
4
0
Fork 0
mirror of https://github.com/ditkrg/AuthorizationServerDemos.git synced 2026-01-22 22:47:02 +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;
flex-direction: column;
align-items: flex-start;
background-color: #dfdfdf;
background-color: #f3f3f3;
width: 40vw;
height: 100vh;
padding: 35vh 5vw 35vh 5vw;

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

@ -1,10 +1,10 @@
import React from "react";
const Heading3 = ({ children, styles = {} }) => {
const Heading3 = ({ children, classes = "", styles = {} }) => {
return (
<h3
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}
</h3>

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

@ -28,9 +28,11 @@ const VehicleRegisterForm = () => {
}
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">
<Heading3 styles={{ marginTop: "0" }}>Register Real Estate</Heading3>
<Heading3 styles={{ marginTop: "0" }} classes="font-playfair">
Register Real Estate
</Heading3>
<div className="flex flex-col">
<InputText

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

@ -3,7 +3,7 @@ import React from "react";
const ColumnName = ({ text }) => (
<th
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" }}
>
{text}

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

@ -7,7 +7,7 @@ const Table = ({ vehicleData }) => {
return (
<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">
<thead className="bg-gray-50">
<thead className="bg-blue-custom">
<tr>
<ColumnName text={"Address"} />
<ColumnName text={"Area"} />
@ -19,7 +19,7 @@ const Table = ({ vehicleData }) => {
</thead>
<tbody className="bg-white divide-y divide-gray-200">
{vehicleData.map((vehicle) => (
<tr key={vehicle.id}>
<tr key={vehicle.id} className="bg-gray-50">
<TableData text={vehicle.address} />
<TableData text={vehicle.area} />
<TableData text={vehicle.citizen_upn} />