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

Fixes table cells' paddings

Browse Source
This commit is contained in:
Vazhin Tayeb 2021-01-15 11:08:08 +03:00 committed by Muhammad Azeez
parent d1c906ebfa
commit 6ea2fe6e15
5 changed files with 11 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
React/src/App.js
View File

@ -16,7 +16,7 @@ function App() {
useEffect(() => { useEffect(() => {
// Commented out not to check the localStorage for the user's existence ** Temporary ** // Commented out not to check the localStorage for the user's existence ** Temporary **
// fetch current user from cookies // fetch current user from cookies
loadUserFromStorage(store); // loadUserFromStorage(store);
}, []); }, []);
// Should be removed ** Temporary ** // Should be removed ** Temporary **
@ -27,7 +27,7 @@ function App() {
}; };
// ** Temporary ** // ** Temporary **
// logUserIn(); logUserIn();
return ( return (
<Provider store={store}> <Provider store={store}>

6
React/src/index.css
View File

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display&display=swap");
:root { :root {
--blue: #2170b9; --blue: #2170b9;
@ -11,11 +11,11 @@
p, p,
.font-inter { .font-inter {
font-family: 'Inter', sans-serif; font-family: "Inter", sans-serif;
} }
.font-playfair { .font-playfair {
font-family: 'Playfair Display', serif; font-family: "Playfair Display", serif;
} }
.text-black-custom { .text-black-custom {

43
React/src/pages/components/VehiclesMain.js
View File

@ -45,49 +45,6 @@ const VehiclesMain = () => {
licensePlate: "9956443", licensePlate: "9956443",
type: 1, type: 1,
}, },
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
{
id: Math.floor(Math.random() * 200) + 1,
color: "White",
model: "Toyota Camry",
licensePlate: "9956443",
type: 1,
},
]); ]);
useEffect(() => { useEffect(() => {

3
React/src/pages/components/table/ColumnName.js
View File

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

5
React/src/pages/components/table/TableData.js
View File

@ -1,7 +1,10 @@
import React from "react"; import React from "react";
const TableData = ({ text, Component }) => ( const TableData = ({ text, Component }) => (
<td className="px-16 py-4 whitespace-nowrap text-2xl font-inter text-black-custom font-normal"> <td
className="whitespace-nowrap text-2xl font-inter text-black-custom font-normal text-center"
style={{ padding: "10px 40px 10px 40px" }}
>
{text ? text : <Component />} {text ? text : <Component />}
</td> </td>
); );