mirror of
https://github.com/Sea-Haven-Industries/shoc-frontend-new.git
synced 2026-10-07 03:32:06 +00:00
Add vertical borders between grid columns for visual separation
- Light borders between body cells, slightly darker between headers - No border on the last column
This commit is contained in:
parent
29fe1173d2
commit
fe62f5fb0a
1 changed files with 11 additions and 1 deletions
12
src/site.css
12
src/site.css
|
|
@ -155,16 +155,26 @@ body {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
border-right: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridCell:last-child {
|
||||||
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gridHeader {
|
.gridHeader {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333;
|
color: #333;
|
||||||
background: #f9f9f9;
|
background: #f5f6f8;
|
||||||
border-bottom: 2px solid #ddd;
|
border-bottom: 2px solid #ddd;
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gridHeader:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
.gridBody {
|
.gridBody {
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue