erp/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Viet An
2026-07-06 17:22:14 +07:00
parent be0be49454
commit 42124d4071
7 changed files with 9 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
app/components/SvgIcon.vue
View File

@@ -1,83 +0,0 @@
<template>
<NuxtImg
loading="lazy"
:alt="alt"
:class="`svg-${type || 'findata'}`"
:style="`width: ${size || 26}px;`"
:src="`/icon/${name}`"
/>
</template>
<script setup>
const props = defineProps({
name: {
type: String,
default: "",
},
size: {
type: Number,
default: 26,
},
type: {
type: String,
default: "findata",
},
alt: String,
});
</script>
<style>
/* primary: $blue-dianne (#204853) */
.svg-primary {
filter: invert(19%) sepia(18%) saturate(1514%) hue-rotate(151deg) brightness(97%) contrast(85%);
}
/* secondary: $fiord (#3c5b63) */
.svg-secondary {
filter: invert(27%) sepia(12%) saturate(1506%) hue-rotate(153deg) brightness(96%) contrast(87%);
}
/* accent: $parchment (#f2e5d6) */
.svg-accent {
filter: invert(93%) sepia(13%) saturate(1217%) hue-rotate(331deg) brightness(101%) contrast(90%);
}
/* findata/info/warning: $sirocco (#758385) */
/* Cả ba đều dùng chung bộ lọc này */
.svg-findata,
.svg-info,
.svg-warning {
filter: invert(56%) sepia(10%) saturate(301%) hue-rotate(167deg) brightness(92%) contrast(82%);
}
/* danger: $danger-red (#f14668) */
.svg-danger {
filter: invert(34%) sepia(91%) saturate(2465%) hue-rotate(332deg) brightness(100%) contrast(97%);
}
/* success: $forest-green (#2F7C4E) */
.svg-success {
filter: invert(20%) sepia(21%) saturate(2657%) hue-rotate(119deg) brightness(97%) contrast(86%);
}
/* dark: $cutty-sark (#566c72) */
.svg-dark {
filter: invert(36%) sepia(11%) saturate(1009%) hue-rotate(152deg) brightness(96%) contrast(85%);
}
/* light: $pearl-bush (#e3d8cb) */
.svg-light {
filter: invert(92%) sepia(21%) saturate(233%) hue-rotate(334deg) brightness(100%) contrast(91%);
}
/* twitter: $pewter (#959b99) */
.svg-twitter {
filter: invert(70%) sepia(7%) saturate(271%) hue-rotate(170deg) brightness(94%) contrast(89%);
}
/* Các màu cơ bản tiện ích */
.svg-white {
filter: brightness(0) invert(1);
}
.svg-black {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(107%) contrast(107%);
}
</style>

2
app/components/datatable/ScrollBox.vue
View File

@@ -16,7 +16,7 @@
class="fs-14 is-clickable"
>
<td>
<span>{{ $stripHtml(v[name] || v.fullname || v.code || "n/a", 75) }}</span>
<span>{{ $stripHtml(v[name] || "n/a", 75) }}</span>
<span
v-if="tick && checked[i]"
class="icon right-3 has-background-inherit"

4
app/pages/index.vue
View File

@@ -4,9 +4,9 @@
</Transition>
<ClientOnly v-if="$store.ready">
<TopMenu @changeTab="changeTab" />
<main class="is-flex-grow-1 is-flex is-flex-direction-column">
<main class="is-flex-grow-1 is-flex is-flex-direction-column is-gap-1">
<div
class="mb-2 is-flex is-justify-content-space-between is-align-items-center is-gap-1"
class="is-flex is-justify-content-space-between is-align-items-center is-gap-1"
v-if="tab"
>
<div>

8
my-bulma-project.css
View File

@@ -47,7 +47,7 @@
--bulma-scheme-invert-ter-l: 14%;
--bulma-scheme-invert-bis-l: 7%;
--bulma-scheme-invert-l: 4%;
--bulma-family-primary: 'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif;
--bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-code: 'Roboto Mono', monospace;
--bulma-size-small: 0.85rem;
@@ -1866,7 +1866,7 @@
--bulma-scheme-invert-ter-l: 14%;
--bulma-scheme-invert-bis-l: 7%;
--bulma-scheme-invert-l: 4%;
--bulma-family-primary: 'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif;
--bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-code: 'Roboto Mono', monospace;
--bulma-size-small: 0.85rem;
@@ -3720,7 +3720,7 @@
--bulma-scheme-invert-ter-l: 14%;
--bulma-scheme-invert-bis-l: 7%;
--bulma-scheme-invert-l: 4%;
--bulma-family-primary: 'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif;
--bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
--bulma-family-code: 'Roboto Mono', monospace;
--bulma-size-small: 0.85rem;
@@ -31771,7 +31771,7 @@ has-background-grey.is-hoverable:active {
}
.is-family-primary {
font-family: 'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif !important;
font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-secondary {

2
my-bulma-project.css.map
View File

File diff suppressed because one or more lines are too long

1
my-bulma-project.scss
View File

@@ -11,7 +11,6 @@ $pink: #ff2bdd;
$grey: #69748c;
@use "bulma/sass" with (
$family-primary: string.unquote("'Inter', 'SF Pro', 'Helvetica', 'Arial', sans-serif"),
$family-monospace: string.unquote("'Roboto Mono', monospace"),
$navbar-breakpoint: 500px,
$primary: $blue,

2
nuxt.config.ts
View File

@@ -2,7 +2,7 @@
export default defineNuxtConfig({
ssr: false,
css: ["./my-bulma-project.css", "./app/assets/styles/main.scss"],
css: ["~~/my-bulma-project.css", "assets/styles/main.scss"],
app: {
head: {
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.svg" }],