Fix ManageUserApiKeys.mjs + rename to apikeys-apis.mjs to prevent dtos update

Author: mythz

MyApp/wwwroot/pages/Account/Manage/ManageUserApiKeys.mjs

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, inject } from "vue"
 import { ApiResult, toDate } from "@servicestack/client"
 import { useClient, useUtils, useFormatters, useMetadata, css } from "@servicestack/vue"
-import { QueryUserApiKeys, CreateUserApiKey, UpdateUserApiKey, DeleteUserApiKey } from "./dtos.mjs"
+import { QueryUserApiKeys, CreateUserApiKey, UpdateUserApiKey, DeleteUserApiKey } from "./apikeys-apis.mjs"
 
 function arraysAreEqual(a, b) {
     if (!a || !b) return false
@@ -11,7 +11,7 @@ function arraysAreEqual(a, b) {
 const CopyIcon = {
     template:`
       <div @click="copy(text)">
-          <div class="cursor-pointer select-none p-1 rounded-md border block border-gray-200 bg-white hover:bg-gray-50">
+          <div class="cursor-pointer select-none p-1 rounded-md border block border-gray-200 dark:border-gray-700 bg-white dark:bg-black hover:bg-gray-50 dark:hover:bg-gray-900">
             <svg v-if="copied" class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
             <svg v-else xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-gray-500" viewBox="0 0 24 24"><g fill="none"><path d="M8 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1M8 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M8 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m0 0h2a2 2 0 0 1 2 2v3m2 4H10m0 0l3-3m-3 3l3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
           </div>
@@ -101,7 +101,7 @@ const CreateApiKeyForm = {
               </div>
             </div>
           </div>
-          <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 flex justify-between">
+          <div class="px-4 py-3 bg-gray-50 dark:bg-gray-900 text-right sm:px-6 flex justify-between">
             <div>
               <SecondaryButton @click="$emit('done')">Cancel</SecondaryButton>
             </div>
@@ -220,7 +220,7 @@ const EditApiKeyForm = {
                 </div>
               </div>
             </div>
-            <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 flex justify-between">
+            <div class="px-4 py-3 bg-gray-50 dark:bg-gray-900 text-right sm:px-6 flex justify-between">
               <div>
                 <ConfirmDelete @delete="submitDelete" />
               </div>

…pp/wwwroot/pages/Account/Manage/dtos.mjs …ot/pages/Account/Manage/apikeys-apis.mjsMyApp/wwwroot/pages/Account/Manage/dtos.mjs renamed to MyApp/wwwroot/pages/Account/Manage/apikeys-apis.mjs MyApp/wwwroot/pages/Account/Manage/dtos.mjs renamed to MyApp/wwwroot/pages/Account/Manage/apikeys-apis.mjs

@@ -183,4 +183,3 @@ export class DeleteUserApiKey {
     getMethod() { return 'DELETE' }
     createResponse() { return new EmptyResponse() }
 }
-