me/vytal-redux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added table css

Browse source
This commit is contained in:
z0ccc 2021-06-23 20:24:44 -04:00
parent 4c69ed3560
commit 8df5a1ae6b
2 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/TableWrap.js
View file

@ -153,7 +153,7 @@ const TableWrap = () => {
]; ];
return ( return (
<div className="frontRight"> <div className="tableWrap">
<Table title="Software" data={software} /> <Table title="Software" data={software} />
<Table title="Hardware" data={hardware} /> <Table title="Hardware" data={hardware} />
</div> </div>

23
src/styles/App.css
View file

@ -49,19 +49,24 @@ a:hover {
margin: 0 8px 0 0; margin: 0 8px 0 0;
} }
.title { .tableWrap {
font-weight: 600; padding: 8px;
font-size: 15px;
margin: 6px 0 0 0;
} }
table { table {
width: 100%; width: 100%;
box-sizing: border-box; border-spacing: 0 6px;
padding: 0 8px;
} }
tr { th {
font-weight: 600;
font-size: 15px;
text-align: left;
}
tr:hover {
color: var(--main);
cursor: pointer;
} }
tr:hover { tr:hover {
@ -73,8 +78,8 @@ td {
vertical-align: top; vertical-align: top;
} }
.column-one { td:first-child {
width: 130px; width: 150px;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {