К предыдущему

This commit is contained in:
Book Pauk
2019-08-28 17:14:58 +07:00
parent 682a044f32
commit 4f87508834
2 changed files with 42 additions and 77 deletions

View File

@@ -1,32 +1,27 @@
<template> <template>
<div ref="main" class="main" @click="close"> <Window @close="close">
<div class="mainWindow" @click.stop> <template slot="header">
<Window @close="close"> Справка
<template slot="header"> </template>
Справка
</template>
<el-tabs type="border-card" v-model="selectedTab"> <el-tabs type="border-card" v-model="selectedTab">
<el-tab-pane class="tab" label="Общее"> <el-tab-pane class="tab" label="Общее">
<CommonHelpPage></CommonHelpPage> <CommonHelpPage></CommonHelpPage>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Клавиатура"> <el-tab-pane label="Клавиатура">
<HotkeysHelpPage></HotkeysHelpPage> <HotkeysHelpPage></HotkeysHelpPage>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Мышь/тачпад"> <el-tab-pane label="Мышь/тачпад">
<MouseHelpPage></MouseHelpPage> <MouseHelpPage></MouseHelpPage>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="История версий" name="releases"> <el-tab-pane label="История версий" name="releases">
<VersionHistoryPage></VersionHistoryPage> <VersionHistoryPage></VersionHistoryPage>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Помочь проекту" name="donate"> <el-tab-pane label="Помочь проекту" name="donate">
<DonateHelpPage></DonateHelpPage> <DonateHelpPage></DonateHelpPage>
</el-tab-pane> </el-tab-pane>
</el-tabs>
</el-tabs> </Window>
</Window>
</div>
</div>
</template> </template>
<script> <script>
@@ -77,23 +72,6 @@ class HelpPage extends Vue {
</script> </script>
<style scoped> <style scoped>
.main {
position: absolute;
width: 100%;
height: 100%;
z-index: 40;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mainWindow {
width: 100%;
height: 100%;
display: flex;
}
.el-tabs { .el-tabs {
flex: 1; flex: 1;
display: flex; display: flex;

View File

@@ -1,22 +1,19 @@
<template> <template>
<div ref="main" class="main" @click="close"> <Window @close="close">
<div class="mainWindow" @click.stop> <template slot="header">
<Window @close="close"> <span style="position: relative; top: -3px">
<template slot="header"> Вставьте текст и нажмите
Вставьте текст и нажмите <span class="clickable" style="font-size: 150%; position: relative; top: 1px" @click="loadBuffer">загрузить</span>
<el-button size="mini" style="font-size: 120%; color: blue" @click="loadBuffer">Загрузить</el-button> или F2
</span>
</template>
или F2 <div>
</template> <el-input placeholder="Введите название текста" class="input" v-model="bookTitle"></el-input>
<div>
<el-input placeholder="Введите название текста" class="input" v-model="bookTitle"></el-input>
</div>
<hr/>
<textarea ref="textArea" class="text" @paste="calcTitle"></textarea>
</Window>
</div> </div>
</div> <hr/>
<textarea ref="textArea" class="text" @paste="calcTitle"></textarea>
</Window>
</template> </template>
<script> <script>
@@ -99,23 +96,6 @@ class PasteTextPage extends Vue {
</script> </script>
<style scoped> <style scoped>
.main {
position: absolute;
width: 100%;
height: 100%;
z-index: 40;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mainWindow {
width: 100%;
height: 100%;
display: flex;
}
.text { .text {
flex: 1; flex: 1;
overflow-wrap: anywhere; overflow-wrap: anywhere;
@@ -123,6 +103,7 @@ class PasteTextPage extends Vue {
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
position: relative; position: relative;
font-size: 120%; font-size: 120%;
min-width: 400px;
} }
.text:focus { .text:focus {
@@ -133,4 +114,10 @@ hr {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.clickable {
color: blue;
cursor: pointer;
}
</style> </style>