|
@@ -299,7 +299,8 @@ onActivated(async () => {
|
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
.right-btn {
|
|
|
- width: 296px;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
height: 42.8%;
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
border-radius: 4px 4px 4px 4px;
|
|
@@ -329,6 +330,7 @@ onActivated(async () => {
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
font-size: 16px;
|
|
|
border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
> span {
|
|
|
margin-top: 8px;
|
|
|
}
|
|
@@ -376,3 +378,23 @@ onActivated(async () => {
|
|
|
justify-content: center;
|
|
|
}
|
|
|
</style>
|
|
|
+<style lang="scss">
|
|
|
+#navCube {
|
|
|
+ opacity: 0;
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+#home {
|
|
|
+ opacity: 0;
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+.full {
|
|
|
+ #navCube {
|
|
|
+ opacity: 1;
|
|
|
+ pointer-events: auto;
|
|
|
+ }
|
|
|
+ #home {
|
|
|
+ opacity: 1;
|
|
|
+ pointer-events: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|