kafka-ui/kafka-ui-react-app/src/components/App.scss
Yevgen Taran 498eb96bee
Feature/backend init (#3)
* move react-app to its own folder inside project

* move backend to kafka-ui repo

* setup react inside netty

* make application ready in 2 commands

* update readme

* update readme

* update readme

* update readme

* update profiles for application start inside (sdp profile) and outside docker (local profile)

* broker metrics endpoint

* topics endpoint start commit

* topics details endpoint start commit //
dependencies and versions fix

* small pom updates //
continue review fixes

* fix review issues //
save errors //
save connections and update connection logic //
save jmx, zookeeper, kafka statuses //
error with getting one topic doesn't fail others //
async metrics processing //
cluster data storage refactoring

* properties version extracting

* properties versions

* topic details

* remove jmx, topic details, topic configs

* create topic

* final fixes, topic creation

* topic creation ui fixes

* add check for cases when cluster is offline
2020-02-27 15:55:53 +03:00

30 lines
612 B
SCSS

$header-height: 52px;
$navbar-width: 250px;
.Layout {
&__header {
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03),
0 0.9375rem 1.40625rem rgba(4,9,20,0.03),
0 0.25rem 0.53125rem rgba(4,9,20,0.05),
0 0.125rem 0.1875rem rgba(4,9,20,0.03);
z-index: 31;
}
&__container {
margin-top: $header-height;
margin-left: $navbar-width;
}
&__navbar {
width: $navbar-width;
display: flex;
flex-direction: column;
box-shadow: 7px 0 60px rgba(0,0,0,0.05);
position: fixed;
top: $header-height;
left: 0;
bottom: 0;
padding: 20px 20px;
}
}