github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-21 13:58:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
Liraz Yehezkel 2021-04-27 15:10:39 +03:00
parent ef5b68a0c5
commit 8447d11f24
2 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/src/App.sass Normal file
View File

@ -0,0 +1,19 @@
.mizuApp
background-color: #090b14
width: 100%
.header
height: 100px
display: flex
align-items: center
padding-left: 24px
.title
font-size: 45px
letter-spacing: 2px
.description
margin-left: 10px
color: rgba(255,255,255,0.5)
padding-top: 15px
font-size: 16px

9
ui/src/App.tsx
View File

@ -1,12 +1,13 @@
import React from 'react'; import React from 'react';
import {HarPage} from "./components/HarPage"; import {HarPage} from "./components/HarPage";
import './App.sass';
const App = () => { const App = () => {
return ( return (
<div style={{backgroundColor: "#090b14", width: "100%"}}> <div className="mizuApp">
<div style={{height: 100, display: "flex", alignItems: "center", paddingLeft: 24}}> <div className="header">
<div style={{fontSize: 45, letterSpacing: 2}}>MIZU</div> <div className="title">MIZU</div>
<div style={{marginLeft: 10, color: "rgba(255,255,255,0.5)", paddingTop: 15, fontSize: 16}}>Traffic viewer for Kubernetes</div> <div className="description">Traffic viewer for Kubernetes</div>
</div> </div>
<HarPage/> <HarPage/>
</div> </div>