gitea-mirror/capa
1
0
Fork 0
mirror of https://github.com/mandiant/capa.git synced 2025-12-12 15:49:46 -08:00
Code Issues Packages Projects Releases Wiki Activity

web: modify theming and add info to landing page

Browse Source
This commit is contained in:
Soufiane Fariss
2024-08-21 18:49:26 +02:00
parent 5b583bdf35
commit f2ed09861e
2 changed files with 47 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
web/explorer/src/components/UploadOptions.vue
View File

@@ -1,70 +1,58 @@
<template> <template>
<Card> <div class="flex flex-wrap align-items-center justify-content-center gap-3">
<template #content> <div class="flex-grow-1 flex align-items-center justify-content-center">
<div class="flex flex-wrap align-items-center justify-content-center gap-3"> <FileUpload
<div class="flex-grow-1 flex align-items-center justify-content-center"> mode="basic"
<FileUpload name="model[]"
mode="basic" accept=".json,.gz"
name="model[]" :max-file-size="10000000"
accept=".json,.gz" :auto="true"
:max-file-size="10000000" :custom-upload="true"
:auto="true" choose-label="Upload from local"
:custom-upload="true" @uploader="$emit('load-from-local', $event)"
choose-label="Upload from local" />
@uploader="$emit('load-from-local', $event)" </div>
/>
</div>
<Divider layout="vertical" class="hidden-mobile"> <div class="hidden-mobile">
<b>OR</b> <b>OR</b>
</Divider> </div>
<Divider layout="horizontal" class="visible-mobile" align="center"> <Divider layout="horizontal" class="visible-mobile" align="center">
<b>OR</b> <b>OR</b>
</Divider> </Divider>
<div class="flex-grow-1 flex align-items-center justify-content-center gap-2">
<FloatLabel>
<InputText id="url" type="text" v-model="loadURL" />
<label for="url">Load from URL</label>
</FloatLabel>
<Button icon="pi pi-arrow-right" @click="$emit('load-from-url', loadURL)" :disabled="!loadURL" />
</div>
<template v-if="!isBundle">
<div class="hidden-mobile">
<b>OR</b>
</div>
<Divider layout="horizontal" class="visible-mobile" align="center">
<b>OR</b>
</Divider>
<div class="flex-grow-1 flex align-items-center justify-content-center">
<Button label="Preview Static" @click="router.push({ path: '/', query: { rdoc: staticURL } })" />
</div>
<div class="flex-grow-1 flex align-items-center justify-content-center gap-2"> <div class="hidden-mobile">
<FloatLabel> <b>OR</b>
<InputText id="url" type="text" v-model="loadURL" /> </div>
<label for="url">Load from URL</label> <Divider layout="horizontal" class="visible-mobile" align="center">
</FloatLabel> <b>OR</b>
<Button icon="pi pi-arrow-right" @click="$emit('load-from-url', loadURL)" :disabled="!loadURL" /> </Divider>
</div>
<template v-if="!isBundle">
<Divider layout="vertical" class="hidden-mobile">
<b>OR</b>
</Divider>
<Divider layout="horizontal" class="visible-mobile" align="center">
<b>OR</b>
</Divider>
<div class="flex-grow-1 flex align-items-center justify-content-center"> <div class="flex-grow-1 flex align-items-center justify-content-center">
<Button <Button label="Preview Dynamic" @click="router.push({ path: '/', query: { rdoc: dynamicURL } })" />
label="Preview Static"
@click="router.push({ path: '/', query: { rdoc: staticURL } })"
/>
</div>
<Divider layout="vertical" class="hidden-mobile">
<b>OR</b>
</Divider>
<Divider layout="horizontal" class="visible-mobile" align="center">
<b>OR</b>
</Divider>
<div class="flex-grow-1 flex align-items-center justify-content-center">
<Button
label="Preview Dynamic"
@click="router.push({ path: '/', query: { rdoc: dynamicURL } })"
/>
</div>
</template>
</div> </div>
</template> </template>
</Card> </div>
</template> </template>
<script setup> <script setup>
import { ref } from "vue"; import { ref } from "vue";
import Card from "primevue/card";
import FileUpload from "primevue/fileupload"; import FileUpload from "primevue/fileupload";
import Divider from "primevue/divider"; import Divider from "primevue/divider";
import FloatLabel from "primevue/floatlabel"; import FloatLabel from "primevue/floatlabel";

17
web/explorer/src/main.js
View File

@@ -30,26 +30,13 @@ import { definePreset } from "@primevue/themes";
const Noir = definePreset(Aura, { const Noir = definePreset(Aura, {
semantic: { semantic: {
primary: {
50: "{zinc.50}",
100: "{zinc.100}",
200: "{zinc.200}",
300: "{zinc.300}",
400: "{zinc.400}",
500: "{zinc.500}",
600: "{zinc.600}",
700: "{zinc.700}",
800: "{zinc.800}",
900: "{zinc.900}",
950: "{zinc.950}"
},
colorScheme: { colorScheme: {
light: { light: {
primary: { primary: {
color: "{slate.800}", color: "{slate.800}",
inverseColor: "#ffffff", inverseColor: "#ffffff",
hoverColor: "{zinc.900}", hoverColor: "{sky.800}",
activeColor: "{zinc.800}" activeColor: "{sky.800}"
} }
} }
} }