aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/app-header/index.scss
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/app-header/index.scss')
-rw-r--r--ui/app/components/app-header/index.scss90
1 files changed, 0 insertions, 90 deletions
diff --git a/ui/app/components/app-header/index.scss b/ui/app/components/app-header/index.scss
deleted file mode 100644
index 325844af5..000000000
--- a/ui/app/components/app-header/index.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-.app-header {
- align-items: center;
- background: $gallery;
- position: relative;
- z-index: $header-z-index;
- display: flex;
- flex-flow: column nowrap;
- width: 100%;
- flex: 0 0 auto;
-
- @media screen and (max-width: 575px) {
- padding: 12px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
- z-index: $mobile-header-z-index;
- }
-
- @media screen and (min-width: 576px) {
- height: 75px;
- justify-content: center;
-
- &--back-drop {
- &::after {
- content: '';
- position: absolute;
- width: 100%;
- height: 32px;
- background: $gallery;
- bottom: -32px;
- }
- }
- }
-
- &__metafox-logo {
- cursor: pointer;
-
- &--icon {
- @media screen and (min-width: $break-large) {
- display: none;
- }
- }
-
- &--horizontal {
- @media screen and (max-width: $break-small) {
- display: none;
- }
- }
- }
-
- &__contents {
- display: flex;
- justify-content: space-between;
- flex-flow: row nowrap;
- width: 100%;
-
- @media screen and (max-width: 575px) {
- height: 100%;
- }
-
- @media screen and (min-width: 576px) {
- width: 85vw;
- }
-
- @media screen and (min-width: 769px) {
- width: 80vw;
- }
-
- @media screen and (min-width: 1281px) {
- width: 62vw;
- }
- }
-
- &__logo-container {
- display: flex;
- flex-direction: row;
- align-items: center;
- cursor: pointer;
- }
-
- &__account-menu-container {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- }
-
- &__network-component-wrapper {
- display: flex;
- flex-direction: row;
- align-items: center;
- }
-}