diff options
Diffstat (limited to 'frontend/src/components/panels')
-rw-r--r-- | frontend/src/components/panels/ConfigurationPane.scss | 5 | ||||
-rw-r--r-- | frontend/src/components/panels/MainPane.scss | 5 | ||||
-rw-r--r-- | frontend/src/components/panels/PcapPane.scss | 5 | ||||
-rw-r--r-- | frontend/src/components/panels/RulePane.scss | 4 | ||||
-rw-r--r-- | frontend/src/components/panels/ServicePane.scss | 2 | ||||
-rw-r--r-- | frontend/src/components/panels/common.scss | 20 |
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; |