83 lines
2.0 KiB
Vue
83 lines
2.0 KiB
Vue
<template>
|
|
<div id="app">
|
|
<div class="wrapper">
|
|
<TheHeader class="row"
|
|
github-url="https://github.com/undergroundwires/privacy.sexy" />
|
|
<!-- <TheSearchBar> </TheSearchBar> -->
|
|
<!-- <div style="display: flex; justify-content: space-between;"> -->
|
|
<!-- <TheGrouper></TheGrouper> -->
|
|
<TheSelector class="row" />
|
|
<!-- </div> -->
|
|
<CardList />
|
|
<TheCodeArea class="row" theme="xcode" />
|
|
<TheCodeButtons class="row" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
import { ApplicationState, IApplicationState } from '@/application/State/ApplicationState';
|
|
import TheHeader from './presentation/TheHeader.vue';
|
|
import TheCodeArea from './presentation/TheCodeArea.vue';
|
|
import TheCodeButtons from './presentation/TheCodeButtons.vue';
|
|
import TheSearchBar from './presentation/TheSearchBar.vue';
|
|
import TheSelector from './presentation/Scripts/Selector/TheSelector.vue';
|
|
import TheGrouper from './presentation/Scripts/TheGrouper.vue';
|
|
import CardList from './presentation/Scripts/Cards/CardList.vue';
|
|
|
|
@Component({
|
|
components: {
|
|
TheHeader,
|
|
TheCodeArea,
|
|
TheCodeButtons,
|
|
TheSearchBar,
|
|
TheGrouper,
|
|
CardList,
|
|
TheSelector,
|
|
},
|
|
})
|
|
export default class App extends Vue {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "@/presentation/styles/colors.scss";
|
|
@import "@/presentation/styles/fonts.scss";
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background: $light-gray;
|
|
font-family: 'Slabo 27px', serif;
|
|
color: $slate;
|
|
}
|
|
|
|
|
|
#app {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
max-width: 1500px;
|
|
|
|
.wrapper {
|
|
margin: 0% 2% 0% 2%;
|
|
background-color: white;
|
|
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);
|
|
padding: 2%;
|
|
display:flex;
|
|
flex-direction: column;
|
|
|
|
.row {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@import "@/presentation/styles/tooltip.scss";
|
|
@import "@/presentation/styles/tree.scss";
|
|
</style>
|