source: main/trunk/model-interfaces-dev/atea/ocr/src/App.vue@ 35743

Last change on this file since 35743 was 35743, checked in by cstephen, 12 months ago

Rework for single image content.
Implement rotation and inversion editing.

File size: 1.1 KB
Line 
1<template>
2<div class="root">
3 <!-- <div class="app-bar theme-primary">
4 <div class="app-bar-content">
5 <span class="heading1">{{ translations.get("Title") }}</span>
6 </div>
7 </div> -->
8
9 <main-page class="content" />
10</div>
11</template>
12
13<style lang="scss">
14html, body, #app {
15 height: 100%;
16 width: 100%;
17}
18
19.root {
20 display: flex;
21 flex-direction: column;
22 height: 100%;
23}
24
25.app-bar {
26 display: flex;
27 flex-direction: column;
28 gap: 1em;
29
30 background-color: var(--bg-color);
31 color: var(--fg-color);
32 box-shadow: 0px 0px 4px 3px #6d6d6d;
33
34 padding: 1em;
35 margin-bottom: 1em;
36}
37
38.app-bar-content {
39 display: flex;
40 align-items: center;
41 gap: 1em;
42
43 width: 100%;
44
45 & :first-child {
46 flex-grow: 1;
47 }
48}
49
50.content {
51 padding: 1em;
52 flex-grow: 1;
53}
54</style>
55
56<script>
57import { mapState } from "vuex";
58import MainPage from "./components/MainPage.vue"
59
60export default {
61 name: "App",
62 components: {
63 MainPage
64 },
65 computed: {
66 ...mapState({
67 translations: state => state.translations
68 })
69 }
70}
71</script>
Note: See TracBrowser for help on using the repository browser.