Personal Access Token page implementation

resources/js/components/Others/CreatePersonaTokenPopup.vue

@@ -66,6 +66,7 @@ import CopyInput from '@/components/Others/Forms/CopyInput'
 import ButtonBase from '@/components/FilesView/ButtonBase'
 import InfoBox from '@/components/Others/Forms/InfoBox'
 import {required} from 'vee-validate/dist/rules'
+import {events} from '@/bus'
 import axios from 'axios'
 
 export default {
@@ -104,6 +105,8 @@ export default {
 				})
 				.then(response => {
 					this.token = response.data
+
+					events.$emit('reload-personal-access-tokens')
 				})
 				.catch(() => this.$isSomethingWrong())
 				.finally(() => {
@@ -122,4 +125,12 @@ export default {
 <style lang="scss" scoped>
 	@import "@assets/vuefilemanager/_inapp-forms.scss";
 	@import '@assets/vuefilemanager/_forms';
+
+	@media (prefers-color-scheme: dark) {
+
+		.info-box {
+			background: lighten($dark_mode_foreground, 3%);
+		}
+	}
+
 </style>

resources/js/components/Others/Forms/FormLabel.vue

@@ -2,6 +2,8 @@
     <div class="form-label">
         <edit-2-icon v-if="!icon" size="22" class="icon text-theme" />
         <settings-icon v-if="icon === 'settings'" size="22" class="icon text-theme" />
+        <smartphone-icon v-if="icon === 'smartphone'" size="22" class="icon text-theme" />
+        <key-icon v-if="icon === 'key'" size="22" class="icon text-theme" />
         <b class="label">
             <slot></slot>
         </b>
@@ -9,14 +11,21 @@
 </template>
 
 <script>
-    import { Edit2Icon, SettingsIcon } from 'vue-feather-icons'
+    import {
+		KeyIcon,
+		Edit2Icon,
+		SettingsIcon,
+		SmartphoneIcon,
+	} from 'vue-feather-icons'
 
     export default {
         name: 'FormLabel',
         props: ['icon'],
         components: {
+			KeyIcon,
             Edit2Icon,
-            SettingsIcon
+            SettingsIcon,
+			SmartphoneIcon,
         }
     }
 </script>
@@ -33,7 +42,7 @@
         .icon {
             margin-right: 10px;
 
-            path, circle {
+            path, circle, rect, line {
                 color: inherit;
             }
         }