@@ -50,6 +50,9 @@ export default @Component({
settings: function() {
this.debouncedLoadSettings();
},
+ toggleLayout: function() {
+ this.updateLayout();
+ },
},
})
class TextPage extends Vue {
@@ -315,6 +318,7 @@ class TextPage extends Vue {
this.$refs.main.focus();
this.toggleLayout = false;
+ this.updateLayout();
this.book = null;
this.meta = null;
this.fb2 = null;
@@ -371,6 +375,16 @@ class TextPage extends Vue {
}
}
+ updateLayout() {
+ if (this.toggleLayout) {
+ this.$refs.scrollBox1.style.visibility = 'visible';
+ this.$refs.scrollBox2.style.visibility = 'hidden';
+ } else {
+ this.$refs.scrollBox1.style.visibility = 'hidden';
+ this.$refs.scrollBox2.style.visibility = 'visible';
+ }
+ }
+
setBackground() {
this.background = `
`;