wip

.github/workflows/deploy.yml

@@ -99,6 +99,9 @@ jobs:
       - name: Copy .env
         run: php -r "file_exists('.env') || copy('staging.env.example', '.env');"
 
+      - name: Install composer dependencies
+        run: composer install --no-cache --no-ansi --no-interaction --no-progress
+
       - name: Generate key
         run: php artisan key:generate
 

resources/js/Components/Buttons/PrimaryButton.vue

@@ -1,6 +1,6 @@
 <template>
     <button
-        class="inline-flex items-center px-4 py-2 bg-primary border border-transparent rounded-md font-semibold text-xs text-white tracking-widest hover:bg-primary focus:primary active:bg-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition ease-in-out duration-150"
+        class="inline-flex items-center px-4 py-2 bg-primary-600 border border-transparent rounded-md font-semibold text-xs text-white tracking-widest hover:bg-primary-600 focus:primary active:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-2 transition ease-in-out duration-150"
     >
         <slot />
     </button>

resources/js/Components/Calendar/CalendarComponent.vue

@@ -146,7 +146,7 @@ onMounted(() => {
                         >
                             <input
                                 type="checkbox"
-                                class="my-0.5 h-8 w-8 rounded-full border-2 border-primary text-primary hover:bg-primary hover:bg-opacity-25 focus:ring-transparent"
+                                class="my-0.5 h-8 w-8 rounded-full border-2 border-primary-600 text-primary hover:bg-primary hover:bg-opacity-25 focus:ring-transparent"
                                 @change="
                                     appliedFilters[index]
                                         ? removeFilter(filter.id, index)

resources/js/Components/Checkbox.vue

@@ -38,7 +38,7 @@ const proxyChecked = computed({
                 v-model="proxyChecked"
                 :value="value"
                 type="checkbox"
-                class="my-0.5 h-8 w-8 rounded-full border-2 border-primary text-primary hover:bg-primary hover:bg-opacity-25 focus:ring-transparent"
+                class="my-0.5 h-8 w-8 rounded-full border-2 border-primary-600 text-primary-600 hover:bg-primary-600 hover:bg-opacity-25 focus:ring-transparent"
                 v-bind="$attrs"
             />
 

resources/js/Components/NavLink.vue

@@ -14,8 +14,8 @@ const props = defineProps({
 
 const classes = computed(() =>
     props.active
-        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-primary text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
-        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-primaryOpacity focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out'
+        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-primary-600 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out'
 )
 </script>
 

resources/js/Components/ResponsiveNavLink.vue

@@ -14,8 +14,8 @@ const props = defineProps({
 
 const classes = computed(() =>
     props.active
-        ? 'block w-full pl-3 pr-4 py-2 border-l-4 border-primary text-left text-base font-medium text-black bg-primary bg-opacity-25 transition duration-150 ease-in-out'
-        : 'block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 transition duration-150 ease-in-out focus:bg-primary focus:bg-opacity-25'
+        ? 'block w-full pl-3 pr-4 py-2 border-l-4 border-primary-600 text-left text-base font-medium text-black bg-primary-600 bg-opacity-25 transition duration-150 ease-in-out'
+        : 'block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 transition duration-150 ease-in-out focus:bg-primary-600 focus:bg-opacity-25'
 )
 </script>
 

resources/js/Pages/Welcome.vue

@@ -44,7 +44,7 @@ defineProps({
                         <Link
                             v-if="canRegister"
                             :href="route('register')"
-                            class="ml-4 font-semibold bg-primary rounded-lg p-2 hover:bg-opacity-50"
+                            class="ml-4 font-semibold bg-primary-600 rounded-lg p-2 hover:bg-opacity-50"
                         >
                             Register
                         </Link>