github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-07-19 18:54:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix the Analysis button's style into its original state (#447)

Browse Source 
* Fix the `Analysis` button's style into its original state

* Fix the MUI button style into its original state
This commit is contained in:
M. Mert Yıldıran 2021-11-10 17:52:51 +03:00 committed by GitHub
parent 81c25f0bd4
commit eb61831a2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/src/components/Filters.tsx
View File

@ -6,6 +6,7 @@ import MenuBookIcon from '@material-ui/icons/MenuBook';
import {SyntaxHighlighter} from "./UI/SyntaxHighlighter/index";
import filterUIExample1 from "./assets/filter-ui-example-1.png"
import filterUIExample2 from "./assets/filter-ui-example-2.png"
import variables from '../variables.module.scss';
interface FiltersProps {
query: string
@ -100,11 +101,33 @@ export const QueryForm: React.FC<QueryFormProps> = ({query, setQuery, background
</label>
</Grid>
<Grid item xs={4}>
<Button type="submit" variant="contained" style={{margin: "2px 0px 0px 0px"}}>Apply</Button>
<Button
type="submit"
variant="contained"
style={{
margin: "2px 0px 0px 0px",
backgroundColor: variables.blueColor,
fontWeight: 600,
borderRadius: "4px",
color: "#fff",
textTransform: "none",
}}
>
Apply
</Button>
<Button
title="Open Filtering Guide (Cheatsheet)"
variant="contained"
style={{margin: "2px 0px 0px 10px", minWidth: "26px"}}
color="primary"
style={{
margin: "2px 0px 0px 10px",
minWidth: "26px",
backgroundColor: variables.blueColor,
fontWeight: 600,
borderRadius: "4px",
color: "#fff",
textTransform: "none",
}}
onClick={handleOpenModal}
>
<MenuBookIcon fontSize="inherit"></MenuBookIcon>

8
ui/src/index.sass
View File

@ -36,13 +36,11 @@ button
&:not(.MuiFab-root)
&.MuiButtonBase-root
box-sizing: border-box
font-weight: 600
font-weight: 500
line-height: 1
border-radius: 4px
border-radius: 20px
letter-spacing: 0.02857em
background-color: $blue-color
color: #fff
text-transform: none
text-transform: uppercase
img:not(.custom)
max-width: 13px
max-height: 13px