|
|
@@ -53,32 +53,34 @@ export default {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.app-player {
|
|
|
- padding: 10px;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex: 1;
|
|
|
- height: calc(100% - 260px);
|
|
|
- flex-direction: column;
|
|
|
- &.page-guide {
|
|
|
- height: calc(100% - 210px);
|
|
|
+
|
|
|
+ .app-player {
|
|
|
+ padding: 10px;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex: 1;
|
|
|
+ height: calc(100% - 260px);
|
|
|
+ flex-direction: column;
|
|
|
+ &.page-guide {
|
|
|
+ height: calc(100% - 210px);
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.app-view {
|
|
|
- display: flex;
|
|
|
- width: 236px;
|
|
|
- height: 100%;
|
|
|
- z-index: 1000;
|
|
|
- > div {
|
|
|
+ .app-view {
|
|
|
display: flex;
|
|
|
- width: 100%;
|
|
|
+ width: 236px;
|
|
|
height: 100%;
|
|
|
- white-space: nowrap;
|
|
|
+ z-index: 1000;
|
|
|
+ > div {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
.app-view-toolbar {
|
|
|
display: flex;
|
|
|
position: fixed !important;
|