aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/panels
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/panels')
-rw-r--r--frontend/src/components/panels/ConfigurationPane.scss5
-rw-r--r--frontend/src/components/panels/MainPane.scss5
-rw-r--r--frontend/src/components/panels/PcapPane.scss5
-rw-r--r--frontend/src/components/panels/RulePane.scss4
-rw-r--r--frontend/src/components/panels/ServicePane.scss2
-rw-r--r--frontend/src/components/panels/common.scss20
6 files changed, 19 insertions, 22 deletions
diff --git a/frontend/src/components/panels/ConfigurationPane.scss b/frontend/src/components/panels/ConfigurationPane.scss
index 955d2bc..ef48b34 100644
--- a/frontend/src/components/panels/ConfigurationPane.scss
+++ b/frontend/src/components/panels/ConfigurationPane.scss
@@ -1,10 +1,10 @@
-@import '../../colors';
+@import "../../colors";
.configuration-pane {
- height: 100%;
display: flex;
align-items: center;
justify-content: center;
+ height: 100%;
background-color: $color-primary-0;
.pane {
@@ -15,5 +15,4 @@
.pane-container {
padding-bottom: 1px;
}
-
}
diff --git a/frontend/src/components/panels/MainPane.scss b/frontend/src/components/panels/MainPane.scss
index 04be347..2973c00 100644
--- a/frontend/src/components/panels/MainPane.scss
+++ b/frontend/src/components/panels/MainPane.scss
@@ -1,8 +1,8 @@
-@import '../../colors';
+@import "../../colors";
.main-pane {
- height: 100%;
display: flex;
+ height: 100%;
padding: 0 15px;
background-color: $color-primary-2;
@@ -19,5 +19,4 @@
flex: 1 1;
margin-left: 7.5px;
}
-
}
diff --git a/frontend/src/components/panels/PcapPane.scss b/frontend/src/components/panels/PcapPane.scss
index 721560a..4dbc2b2 100644
--- a/frontend/src/components/panels/PcapPane.scss
+++ b/frontend/src/components/panels/PcapPane.scss
@@ -1,12 +1,12 @@
-@import '../../colors.scss';
+@import "../../colors.scss";
.pcap-pane {
display: flex;
flex-direction: column;
.pcap-list {
- flex: 1;
overflow: hidden;
+ flex: 1;
.section-content {
height: 100%;
@@ -35,5 +35,4 @@
font-size: 0.9em;
}
}
-
}
diff --git a/frontend/src/components/panels/RulePane.scss b/frontend/src/components/panels/RulePane.scss
index d45c366..992445a 100644
--- a/frontend/src/components/panels/RulePane.scss
+++ b/frontend/src/components/panels/RulePane.scss
@@ -4,8 +4,8 @@
flex-direction: column;
.rules-list {
- flex: 2 1;
overflow: hidden;
+ flex: 2 1;
.section-content {
height: 100%;
@@ -17,8 +17,8 @@
}
.rule-edit {
- flex: 3 0;
display: flex;
+ flex: 3 0;
flex-direction: column;
.section-content {
diff --git a/frontend/src/components/panels/ServicePane.scss b/frontend/src/components/panels/ServicePane.scss
index 0b154e6..daf7e79 100644
--- a/frontend/src/components/panels/ServicePane.scss
+++ b/frontend/src/components/panels/ServicePane.scss
@@ -4,8 +4,8 @@
flex-direction: column;
.services-list {
- flex: 1;
overflow: hidden;
+ flex: 1;
.section-content {
height: 100%;
diff --git a/frontend/src/components/panels/common.scss b/frontend/src/components/panels/common.scss
index ea8da94..121a917 100644
--- a/frontend/src/components/panels/common.scss
+++ b/frontend/src/components/panels/common.scss
@@ -1,20 +1,20 @@
-@import '../../colors.scss';
+@import "../../colors.scss";
.pane-container {
- background-color: $color-primary-3;
- padding: 10px 10px 0;
height: 100%;
+ padding: 10px 10px 0;
+ background-color: $color-primary-3;
.pane-section {
margin-bottom: 10px;
background-color: $color-primary-0;
.section-header {
- background-color: $color-primary-2;
- padding: 5px 10px;
- font-weight: 500;
font-size: 0.9em;
+ font-weight: 500;
display: flex;
+ padding: 5px 10px;
+ background-color: $color-primary-2;
.api-request {
flex: 1;
@@ -31,8 +31,8 @@
.table-error {
font-size: 0.8em;
- color: $color-secondary-0;
margin-left: 10px;
+ color: $color-secondary-0;
}
}
@@ -40,18 +40,18 @@
margin-bottom: 0;
tbody tr {
- background-color: $color-primary-3;
border-top: 3px solid $color-primary-0;
border-bottom: 3px solid $color-primary-0;
+ background-color: $color-primary-3;
}
th {
- background-color: $color-primary-2;
font-size: 0.8em;
position: sticky;
top: 0;
padding: 2px 5px;
border: none;
+ background-color: $color-primary-2;
}
.row-small {
@@ -74,9 +74,9 @@
.section-footer {
display: flex;
+ justify-content: flex-end;
padding: 10px;
background-color: $color-primary-0;
- justify-content: flex-end;
.button-field {
margin-left: 10px;