ui(icons): replace colored emoji with modern single-color line icons (lucide-vue-next)

Add lucide-vue-next (stroke-based, single-color, currentColor) and swap emoji icons
across nav + all main views: Settings/LogOut (App), BarChart3/Users/Plus (Analytics),
LayoutDashboard (MyBoard), Sparkles/Users/Pencil (GroupEdit), Box/ListChecks/Paperclip/
PlusCircle/ArrowLeft (GroupBuilder), Target/ArrowLeft/Search (Chat/Personas/Training),
User/Lock/Globe (Settings), Users/UserPlus/Info (AdminUsers).
- Buttons become inline-flex for icon+text alignment.
- Icons inherit currentColor (single color, modern line style).
- Rebuild dist with lucide.
This commit is contained in:
Macky
2026-08-08 10:55:45 +07:00
parent 22d3e51980
commit 8670addcc3
60 changed files with 265 additions and 89 deletions

View File

@@ -1,9 +1,9 @@
<template>
<div>
<h2>👥 {{ i18n.t('users') }}</h2>
<h2><UsersIcon :size="22" :stroke-width="1.8" style="vertical-align:-4px" /> {{ i18n.t('users') }}</h2>
<div class="card guide">
<strong>📋 เพมผใชงาน</strong>
<strong><Info :size="17" :stroke-width="1.8" style="vertical-align:-3px" /> เพมผใชงาน</strong>
<ol style="margin:8px 0 0;padding-left:20px;line-height:1.8">
<li>กรอก <strong>อผใช (สำหรบเขาสระบบ)</strong>, , และรหสผานเรมต</li>
<li>เลอกสทธ: <strong>user</strong> = เขาฝกขาย, <strong>admin</strong> = ดการระบบ</li>
@@ -12,7 +12,7 @@
</div>
<div class="card" style="margin-bottom:16px">
<h4 style="margin-top:0"> {{ i18n.t('create') }} {{ i18n.t('users').toLowerCase() }}</h4>
<h4 style="margin-top:0"><UserPlus :size="18" :stroke-width="1.8" style="vertical-align:-3px" /> {{ i18n.t('create') }} {{ i18n.t('users').toLowerCase() }}</h4>
<div class="row">
<input v-model="form.username" placeholder="ชื่อผู้ใช้ (เข้าสู่ระบบ)" style="flex:1" />
<input v-model="form.name" placeholder="ชื่อจริง" style="flex:1" />
@@ -41,6 +41,7 @@
<script setup>
import { onMounted, ref } from 'vue'
import { Users as UsersIcon, UserPlus, Info } from 'lucide-vue-next'
import { api } from '../api'
import { i18n } from '../i18n'