Adjusted table component
This commit is contained in:
parent
4573c3e527
commit
dd2e551b12
1 changed files with 8 additions and 2 deletions
|
|
@ -1,4 +1,5 @@
|
||||||
@use '/src/styles/variables.sass' as vars
|
@use '/src/styles/variables.sass' as vars
|
||||||
|
// @use '/src/styles/breakpoint.sass' as view
|
||||||
@use 'sass:color'
|
@use 'sass:color'
|
||||||
|
|
||||||
.fullscreen
|
.fullscreen
|
||||||
|
|
@ -86,14 +87,13 @@
|
||||||
box-shadow: inset 0 1px 2px #16212C, 0 2px 4px #2a3f5332, 0 4px 8px #344c654e
|
box-shadow: inset 0 1px 2px #16212C, 0 2px 4px #2a3f5332, 0 4px 8px #344c654e
|
||||||
|
|
||||||
th, td
|
th, td
|
||||||
padding: 0.75rem
|
|
||||||
text-align: left
|
text-align: left
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
|
|
||||||
th
|
th
|
||||||
background-color: vars.$tableHeaderBackground
|
background-color: vars.$tableHeaderBackground
|
||||||
color: vars.$textColor
|
color: vars.$textColor
|
||||||
padding: 1rem
|
padding: 1.25rem
|
||||||
|
|
||||||
th:nth-child(1)
|
th:nth-child(1)
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
@ -103,8 +103,14 @@
|
||||||
border-radius: 0 1rem 0 0
|
border-radius: 0 1rem 0 0
|
||||||
|
|
||||||
td
|
td
|
||||||
|
padding: 0.75rem
|
||||||
|
font-size: 1rem
|
||||||
background-color: rgba(color.adjust(vars.$background, $blackness: 5%), 0.8)
|
background-color: rgba(color.adjust(vars.$background, $blackness: 5%), 0.8)
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1080px)
|
||||||
|
font-size: 0.75rem
|
||||||
|
font-weight: 500
|
||||||
|
|
||||||
td:nth-child(1)
|
td:nth-child(1)
|
||||||
width: 10rem
|
width: 10rem
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue