yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix help page for madara

Browse Source
This commit is contained in:
Hepatica
2024-02-21 19:27:31 +01:00
parent fc1d7f552d
commit 8d2202c393
2 changed files with 60 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
luckydiamond/src/assets/css/global.css
View File

@@ -256,6 +256,33 @@ button {
grid-gap: 0.625rem; grid-gap: 0.625rem;
} }
.content-grid--help {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-template-areas:
"menu header header header header header header"
"menu help help help help help chat"
"menu help help help help help chat"
"menu help help help help help chat"
"menu help help help help help chat"
"menu help help help help help chat"
"menu help help help help help chat";
grid-gap: 0.625rem;
}
.help {
grid-area: help;
display: flex;
height: 95%;
border-radius: 3.125rem;
background: #17181C;
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
/*height: 96.2%;*/
}
/* /Crash */ /* /Crash */

67
luckydiamond/src/pages/HelpPage.vue
View File

@@ -1,36 +1,35 @@
<template> <template>
<div class="content-grid--help"> <div class="content-grid--help">
<aside-bar-component></aside-bar-component> <aside-bar-component></aside-bar-component>
<section class="help"> <develop-component></develop-component>
<header-component></header-component>
<develop-component></develop-component>
<section class="help">
</section> <h1>gfsdlkgdfk</h1>
<header-component></header-component> </section>
</div>
</div> </template>
</template>
<script> <script>
import HelpComponent from "@/components/HelpComponent.vue"; // import HelpComponent from "@/components/HelpComponent.vue";
import AsideBarComponent from "@/components/AsidebarComponent.vue"; import AsideBarComponent from "@/components/AsidebarComponent.vue";
import HeaderComponent from "@/components/HeaderComponent.vue"; import HeaderComponent from "@/components/HeaderComponent.vue";
export default { export default {
data() { data() {
return { return {
Object: { Object: {
bg: "value", bg: "value",
nickname: "value", nickname: "value",
icons: {}, icons: {},
textTacholgy: { text1: "text2" }, textTacholgy: { text1: "text2" },
}, },
}; };
}, },
components: { components: {
HeaderComponent, HeaderComponent,
AsideBarComponent, AsideBarComponent,
HelpComponent, // HelpComponent,
}, },
}; };
</script> </script>