curo/kite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(10-12): migrate view-level SVGs to AppIcon

Browse Source 
- CloudStorageView: cloud icon
- SettingsView: checkCircle, exclamationCircle, x (x2)
- AccountView: checkMark (TOTP enabled indicator)
- AdminAiView: chevronDown (accordion)
- AdminUsersView: copy, check, refresh
- SettingsAccountTab: checkMark (TOTP enabled)
- TotpEnrollment: checkMark (verified state)
- CloudCredentialModal: x, chevronRight
- DocumentView: warning (cloud delete modal)
- SharedView: document icon
This commit is contained in:
curo1305
2026-06-16 09:37:47 +02:00
parent bbb9db73e7
commit 20835bc706
10 changed files with 30 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/AdminAiView.vue
+4 -5
View File
@@ -38,12 +38,10 @@
class="bg-green-100 text-green-700 text-xs font-semibold px-2 py-0.5 rounded-full"
>Active</span>
</div>
<svg
<AppIcon
name="chevronDown"
:class="['w-4 h-4 text-gray-400 transition-transform', openProviderId === prov.provider_id ? 'rotate-180' : '']"
fill="none" stroke="currentColor" viewBox="0 0 24 24"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
/>
</button>
<div v-if="openProviderId === prov.provider_id" class="px-6 pb-5 pt-2 bg-gray-50 space-y-3">
@@ -208,6 +206,7 @@
import { ref, reactive, onMounted } from 'vue'
import * as api from '../../api/client.js'
import { getAiConfig, saveAiConfig, testAiConnection } from '../../api/client.js'
import AppIcon from '../../components/ui/AppIcon.vue'
import SearchableModelSelect from '../../components/ui/SearchableModelSelect.vue'
import BreadcrumbBar from '../../components/ui/BreadcrumbBar.vue'
frontend/src/views/admin/AdminUsersView.vue
+4 -11
View File
@@ -38,23 +38,15 @@
class="px-3 py-2 border border-gray-300 rounded-lg text-sm text-gray-600 hover:bg-gray-50 transition-colors"
:title="passwordCopied ? 'Copied!' : 'Copy password'"
>
<svg v-if="!passwordCopied" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>
<svg v-else class="w-4 h-4 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<AppIcon v-if="!passwordCopied" name="copy" class="w-4 h-4" />
<AppIcon v-else name="check" class="w-4 h-4 text-green-600" />
</button>
<button
@click="generatePassword"
class="px-3 py-2 border border-gray-300 rounded-lg text-sm text-gray-600 hover:bg-gray-50 transition-colors"
title="Regenerate password"
>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
</svg>
<AppIcon name="refresh" class="w-4 h-4" />
</button>
</div>
</div>
@@ -272,6 +264,7 @@
import { ref, reactive, onMounted } from 'vue'
import { formatDate } from '../../utils/formatters.js'
import * as api from '../../api/client.js'
import AppIcon from '../../components/ui/AppIcon.vue'
import BreadcrumbBar from '../../components/ui/BreadcrumbBar.vue'
const users = ref([])