К предыдущему
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user