| | |
|---|
| | | position: relative;
|
|---|
| | | height: 100%;
|
|---|
| | | width: 100%;
|
|---|
| | | background:
|
|---|
| | | radial-gradient(circle at top, rgba(223, 232, 226, 0.95), transparent 32%),
|
|---|
| | | linear-gradient(180deg, #f7faf8 0%, var(--app-bg) 100%);
|
|---|
| | |
|
|---|
| | | &.mobile.openSidebar {
|
|---|
| | | position: fixed;
|
|---|
| | |
|---|
| | |
|
|---|
| | | .fixed-header {
|
|---|
| | | position: fixed;
|
|---|
| | | top: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 12px;
|
|---|
| | | right: 16px;
|
|---|
| | | z-index: 9;
|
|---|
| | | width: calc(100% - #{$base-sidebar-width});
|
|---|
| | | transition: width 0.28s;
|
|---|
| | | width: calc(100% - #{$base-sidebar-width} - 32px);
|
|---|
| | | transition: width 0.28s, right 0.28s;
|
|---|
| | | padding-bottom: 8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .hideSidebar .fixed-header {
|
|---|
| | | width: calc(100% - 54px);
|
|---|
| | | }
|
|---|
| | | .hideSidebar .fixed-header { |
|---|
| | | width: calc(100% - 100px); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .sidebarHide .fixed-header {
|
|---|
| | | width: 100%;
|
|---|
| | | width: calc(100% - 32px);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mobile .fixed-header {
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
| | | </style> |
|---|
| | | </style>
|
|---|
