mirror of
https://github.com/kubeshark/kubeshark.git
synced 2026-05-08 10:17:49 +00:00
13ed8eb58a
* modal & keyValueTable added * added pulse animation KeyValueTable Behavior improved CodeEditor addded * style changed * codeEditor styling support query params * send request data * finally stop loading * select width * methods and requesr format * icon changed & moved near request tab * accordions added and response presented * 2 way params biding * remove redundant * host path fixed * fix path input * icon styles * fallback for format body * refresh button * changes * remove redundant * closing tag * capitilized character * PR comments * removed props * small changes * color added to reponse data Co-authored-by: Leon <>
169 lines
3.5 KiB
Sass
169 lines
3.5 KiB
Sass
@import './variables.module'
|
|
|
|
#root
|
|
height: 100%
|
|
|
|
html,
|
|
body
|
|
height: 100%
|
|
|
|
body
|
|
font-family: 'Source Sans Pro', sans-serif
|
|
font-weight: 400
|
|
font-size: 90%
|
|
color: #fff
|
|
background-color: #313346
|
|
-webkit-font-smoothing: antialiased
|
|
-moz-osx-font-smoothing: grayscale
|
|
margin: 0
|
|
padding: 0
|
|
overflow: hidden
|
|
|
|
code
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
|
|
|
|
.uppercase
|
|
text-transform: uppercase
|
|
|
|
/****
|
|
* Button
|
|
***/
|
|
button
|
|
span
|
|
line-height: 1
|
|
&:not(.MuiFab-root)
|
|
&.MuiButtonBase-root
|
|
box-sizing: border-box
|
|
font-weight: 500
|
|
line-height: 1
|
|
border-radius: 20px
|
|
letter-spacing: 0.02857em
|
|
text-transform: uppercase
|
|
img:not(.custom)
|
|
max-width: 13px
|
|
max-height: 13px
|
|
|
|
&.tiny
|
|
min-width: 0
|
|
|
|
/****
|
|
* Select
|
|
***/
|
|
select
|
|
background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat
|
|
background-position: calc(100% - 0.75rem) center !important
|
|
-moz-appearance: none !important
|
|
-webkit-appearance: none !important
|
|
appearance: none !important
|
|
padding-right: 1rem !important
|
|
|
|
.select
|
|
display: flex
|
|
align-items: center
|
|
justify-content: flex-start
|
|
color: white
|
|
.MuiInput-underline
|
|
&::before,
|
|
&::after
|
|
display: none
|
|
content: ''
|
|
|
|
.MuiSelect-root
|
|
&.MuiSelect-select
|
|
border-radius: 20px
|
|
cursor: pointer
|
|
min-width: 2rem
|
|
font-weight: normal
|
|
padding: 3px 16px 4px 12px
|
|
border: 1px solid #BCC6DD
|
|
|
|
.MuiInputBase-input
|
|
border-radius: 20px
|
|
background-color: $main-background-color
|
|
cursor: pointer
|
|
padding-top: 0
|
|
padding-bottom: 0
|
|
font-size: 12px
|
|
font-weight: normal
|
|
font-stretch: normal
|
|
font-style: normal
|
|
letter-spacing: normal
|
|
text-align: left
|
|
line-height: 1.25
|
|
min-height: initial
|
|
.MuiSelect-icon
|
|
top: 50%
|
|
transform: translateY(-50%)
|
|
right: 5px
|
|
position: absolute
|
|
pointer-events: none
|
|
&.MuiSelect-iconOpen
|
|
transform: translateY(-50%) rotate(180deg)
|
|
|
|
.ellipsis
|
|
display: block
|
|
overflow: hidden
|
|
white-space: nowrap
|
|
width: 100px
|
|
text-overflow: ellipsis
|
|
|
|
.selectLabel
|
|
margin-right: 8px
|
|
|
|
&.labelOnTop
|
|
flex-direction: column
|
|
align-items: flex-start
|
|
.selectLabel
|
|
margin-right: 0
|
|
margin-bottom: 4px
|
|
|
|
/****
|
|
* Paper/List/Menu list
|
|
***/
|
|
.MuiPaper-root
|
|
margin-top: 5px
|
|
color: $blue-gray
|
|
border: 1px solid #BCC6DD
|
|
&.MuiPaper-rounded
|
|
border-radius: 4px
|
|
|
|
.MuiList-root
|
|
padding: 0
|
|
&.MuiMenu-list
|
|
border-radius: 4px
|
|
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5)
|
|
.MuiListItem-root
|
|
&.MuiMenuItem-root
|
|
padding: 14px
|
|
font-size: 11px
|
|
font-stretch: normal
|
|
font-style: normal
|
|
line-height: 1.25
|
|
&.Mui-selected
|
|
font-weight: 600
|
|
background-color: $data-background-color
|
|
|
|
// scroll-bar css
|
|
|
|
::-webkit-scrollbar
|
|
width: 6px
|
|
height: 6px
|
|
|
|
::-webkit-scrollbar-thumb
|
|
background-color: $light-blue-color
|
|
border-radius: 10px
|
|
|
|
::-webkit-scrollbar-button
|
|
display: none
|
|
|
|
::-webkit-scrollbar-corner
|
|
display: none
|
|
|
|
// remove powerdby
|
|
.sc-kYWVYA
|
|
display: none !important
|
|
|
|
// enable view elements inside redoc
|
|
.sc-dwsnSq
|
|
height: 80vh !important
|