Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
asbiin committed Jan 26, 2025
1 parent 25188b5 commit 1fc27bc
Show file tree
Hide file tree
Showing 139 changed files with 702 additions and 1,097 deletions.
2 changes: 1 addition & 1 deletion .husky/pre-commit
Original file line number Diff line number Diff line change
@@ -1 +1 @@
npx lint-staged
yarn lint-staged
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@
"@sentry/vue": "^8.51.0",
"@simplewebauthn/browser": "^13.1.0",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/postcss": "^4.0.0",
"@tailwindcss/typography": "^0.5.16",
"@vitejs/plugin-basic-ssl": "^1.2.0",
"@vitejs/plugin-vue": "^5.2.1",
"ant-design-vue": "^4.2.6",
"autoprefixer": "^10.4.20",
"axios": "^1.7.9",
"charts.css": "^1.1.0",
"eslint": "^9.19.0",
Expand All @@ -39,7 +39,7 @@
"prettier": "^3.4.2",
"prettier-plugin-tailwindcss": "^0.6.11",
"sass": "^1.83.4",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.0.0",
"tiny-emitter": "^2.1.0",
"uploadcare-vue": "^1.0.0",
"v-calendar": "^3.1.2",
Expand Down
3 changes: 1 addition & 2 deletions postcss.config.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
};
6 changes: 4 additions & 2 deletions public/vendor/telescope/app-dark.css

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion public/vendor/telescope/app.css

Large diffs are not rendered by default.

28 changes: 23 additions & 5 deletions resources/css/app.css
Original file line number Diff line number Diff line change
@@ -1,9 +1,27 @@
@import 'charts.css';
@import 'ant-design-vue/dist/reset.css';
@import 'charts.css' layer(base);
@import 'ant-design-vue/dist/reset.css' layer(base);

@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@config '../../tailwind.config.js';

/*
The default border color has changed to `currentColor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.
If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}

body {
color: #343a4b;
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Components/Button.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ defineProps({
<template>
<button
:type="type"
class="inline-flex items-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition hover:bg-gray-700 focus:border-gray-900 focus:outline-none focus:ring focus:ring-gray-300 active:bg-gray-900 disabled:opacity-25 dark:bg-gray-200 dark:text-gray-800 hover:dark:bg-gray-300 focus:dark:border-gray-100 focus:dark:ring-gray-700 active:dark:bg-gray-100">
class="inline-flex items-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition hover:bg-gray-700 focus:border-gray-900 focus:outline-hidden focus:ring-3 focus:ring-gray-300 active:bg-gray-900 disabled:opacity-25 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-gray-300 dark:focus:border-gray-100 dark:focus:ring-gray-700 dark:active:bg-gray-100">
<slot />
</button>
</template>
2 changes: 1 addition & 1 deletion resources/js/Components/Checkbox.vue
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,5 @@ const proxyChecked = computed({
v-model="proxyChecked"
type="checkbox"
:value="value"
class="focus:dark:ring-opacity-900 rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:text-indigo-400 focus:dark:border-indigo-700 focus:dark:ring-indigo-800" />
class="dark:focus:ring-opacity-900 rounded-sm border-gray-300 text-indigo-600 shadow-xs focus:border-indigo-300 focus:ring-3 focus:ring-indigo-200 focus:ring-opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:text-indigo-400 dark:focus:border-indigo-700 dark:focus:ring-indigo-800" />
</template>
6 changes: 3 additions & 3 deletions resources/js/Components/DropdownLink.vue
Original file line number Diff line number Diff line change
Expand Up @@ -12,21 +12,21 @@ defineProps({
<button
v-if="as === 'button'"
type="submit"
class="block w-full px-4 py-2 text-left text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:text-gray-300 hover:dark:bg-gray-900">
class="block w-full px-4 py-2 text-left text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-900">
<slot />
</button>

<a
v-else-if="as === 'a'"
:href="href"
class="block px-4 py-2 text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:text-gray-300 hover:dark:bg-gray-900">
class="block px-4 py-2 text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-900">
<slot />
</a>

<Link
v-else
:href="href"
class="block px-4 py-2 text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:text-gray-300 hover:dark:bg-gray-900">
class="block px-4 py-2 text-sm leading-5 text-gray-700 transition hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-900">
<slot />
</Link>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Components/Input.vue
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ defineExpose({ focus: focus });
<template>
<input
ref="input"
class="rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:border-gray-600 dark:bg-gray-900 dark:shadow-gray-700 focus:dark:border-indigo-700"
class="rounded-md border-gray-300 shadow-xs focus:border-indigo-300 focus:ring-3 focus:ring-indigo-200 focus:ring-opacity-50 dark:border-gray-600 dark:bg-gray-900 dark:shadow-gray-700 dark:focus:border-indigo-700"
:value="modelValue"
@input="$emit('update:modelValue', $event.target.value)" />
</template>
4 changes: 2 additions & 2 deletions resources/js/Components/Jetstream/Banner.vue
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ watch(message, async () => {
<template>
<div>
<div v-if="show && message" :class="{ 'bg-indigo-500': style === 'success', 'bg-red-700': style === 'danger' }">
<div class="mx-auto max-w-screen-xl px-3 py-2 sm:px-6 lg:px-8">
<div class="mx-auto max-w-(--breakpoint-xl) px-3 py-2 sm:px-6 lg:px-8">
<div class="flex flex-wrap items-center justify-between">
<div class="flex w-0 min-w-0 flex-1 items-center">
<span
Expand Down Expand Up @@ -57,7 +57,7 @@ watch(message, async () => {
<div class="shrink-0 sm:ms-3">
<button
type="button"
class="-me-1 flex rounded-md p-2 transition focus:outline-none sm:-me-2"
class="-me-1 flex rounded-md p-2 transition focus:outline-hidden sm:-me-2"
:class="{
'hover:bg-indigo-600 focus:bg-indigo-600': style === 'success',
'hover:bg-red-600 focus:bg-red-600': style === 'danger',
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Components/Jetstream/DangerButton.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ defineProps({
<template>
<button
:type="type"
class="inline-flex items-center justify-center rounded-md border border-transparent bg-red-600 px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition hover:bg-red-500 focus:border-red-700 focus:outline-none focus:ring focus:ring-red-200 active:bg-red-600 disabled:opacity-25">
class="inline-flex items-center justify-center rounded-md border border-transparent bg-red-600 px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition hover:bg-red-500 focus:border-red-700 focus:outline-hidden focus:ring-3 focus:ring-red-200 active:bg-red-600 disabled:opacity-25">
<slot />
</button>
</template>
2 changes: 1 addition & 1 deletion resources/js/Components/Jetstream/FormSection.vue
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ const submit = () => {

<div
v-if="hasActions"
class="flex items-center justify-end bg-gray-50 px-4 py-3 text-right shadow dark:bg-gray-900 dark:shadow-gray-700 sm:rounded-bl-md sm:rounded-br-md sm:px-6">
class="flex items-center justify-end bg-gray-50 px-4 py-3 text-right shadow-sm dark:bg-gray-900 dark:shadow-gray-700 sm:rounded-bl-md sm:rounded-br-md sm:px-6">
<slot name="actions" />
</div>
</form>
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Components/Jetstream/SecondaryButton.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ defineProps({
<template>
<button
:type="type"
class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-xs font-semibold uppercase tracking-widest text-gray-700 shadow-sm transition hover:bg-gray-100 hover:text-gray-500 focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-200 active:bg-gray-50 active:text-gray-800 disabled:opacity-25 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:shadow-gray-700 hover:dark:bg-gray-700 hover:dark:text-gray-300 focus:dark:border-blue-700 focus:dark:ring-blue-800 active:dark:bg-gray-900 active:dark:text-gray-200">
class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-xs font-semibold uppercase tracking-widest text-gray-700 shadow-xs transition hover:bg-gray-100 hover:text-gray-500 focus:border-blue-300 focus:outline-hidden focus:ring-3 focus:ring-blue-200 active:bg-gray-50 active:text-gray-800 disabled:opacity-25 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:shadow-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-300 dark:focus:border-blue-700 dark:focus:ring-blue-800 dark:active:bg-gray-900 dark:active:text-gray-200">
<slot />
</button>
</template>
2 changes: 1 addition & 1 deletion resources/js/Components/Jetstream/SectionTitle.vue
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ defineProps({
<!-- help text -->
<div
v-if="$slots.description"
class="mb-6 flex items-center rounded border bg-slate-50 px-3 py-2 text-sm dark:border-gray-700 dark:bg-slate-900">
class="mb-6 flex items-center rounded-sm border bg-slate-50 px-3 py-2 text-sm dark:border-gray-700 dark:bg-slate-900">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 flex-none pe-2"
Expand Down
10 changes: 5 additions & 5 deletions resources/js/Components/Jetstream/Select.vue
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ const props = defineProps({
},
inputClasses: {
type: Array,
default: () => ['p-1', 'px-2', 'appearance-none', 'outline-none', 'w-full', 'dark:bg-gray-900'],
default: () => ['p-1', 'px-2', 'appearance-none', 'outline-hidden', 'w-full', 'dark:bg-gray-900'],
},
});
Expand Down Expand Up @@ -120,7 +120,7 @@ const alignmentClasses = computed(() => {
<template>
<div ref="main" class="relative" :class="$attrs.class">
<div
class="flex rounded-md border border-gray-300 p-1 shadow-sm focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50 dark:border-gray-600 dark:shadow-gray-700">
class="flex rounded-md border border-gray-300 p-1 shadow-xs focus-within:border-indigo-300 focus-within:ring-3 focus-within:ring-indigo-200 focus-within:ring-opacity-50 dark:border-gray-600 dark:shadow-gray-700">
<input
v-model="proxySelect"
:id="$attrs.id"
Expand All @@ -134,7 +134,7 @@ const alignmentClasses = computed(() => {
proxySelect = '';
close();
"
class="flex h-full w-6 cursor-pointer items-center text-gray-400 outline-none focus:outline-none dark:text-gray-600">
class="flex h-full w-6 cursor-pointer items-center text-gray-400 outline-hidden focus:outline-hidden dark:text-gray-600">
<svg
xmlns="http://www.w3.org/2000/svg"
width="100%"
Expand All @@ -159,7 +159,7 @@ const alignmentClasses = computed(() => {
select.focus();
}
"
class="h-6 w-6 cursor-pointer text-gray-600 outline-none focus:outline-none dark:text-gray-300">
class="h-6 w-6 cursor-pointer text-gray-600 outline-hidden focus:outline-hidden dark:text-gray-300">
<svg
xmlns="http://www.w3.org/2000/svg"
width="100%"
Expand Down Expand Up @@ -202,7 +202,7 @@ const alignmentClasses = computed(() => {
close();
">
<div
class="relative flex w-full items-center border-s-2 border-transparent bg-white p-2 ps-2 hover:border-teal-600 hover:bg-teal-600 hover:text-teal-100 dark:bg-gray-800 hover:dark:border-teal-400 hover:dark:bg-teal-400 hover:dark:text-teal-900">
class="relative flex w-full items-center border-s-2 border-transparent bg-white p-2 ps-2 hover:border-teal-600 hover:bg-teal-600 hover:text-teal-100 dark:bg-gray-800 dark:hover:border-teal-400 dark:hover:bg-teal-400 dark:hover:text-teal-900">
<div class="flex w-full items-center">
<div class="mx-2 leading-6">
{{ option.name }}
Expand Down
4 changes: 2 additions & 2 deletions resources/js/Components/NavLink.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ const props = defineProps({
const classes = computed(() => {
return props.active
? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-none focus:border-indigo-700 focus:dark:border-indigo-300 transition'
: '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:dark:text-gray-300 hover:border-gray-300 hover:dark:border-gray-700 focus:outline-none focus:text-gray-700 focus:dark:text-gray-300 focus:border-gray-300 focus:dark:border-gray-700 transition';
? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-hidden focus:border-indigo-700 dark:focus:border-indigo-300 transition'
: '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 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-hidden focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition';
});
</script>

Expand Down
8 changes: 4 additions & 4 deletions resources/js/Components/Pagination.vue
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ defineProps({
const commonClasses =
'relative inline-flex items-center px-4 py-2 text-sm font-medium bg-white border border-gray-300 dark:border-gray-700 leading-5';
const linkClasses =
'hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-700 focus:border-blue-300 focus:dark:border-blue-700 active:bg-gray-100 active:dark:bg-gray-900 active:text-gray-700 active:dark:text-gray-300 transition ease-in-out duration-150';
'hover:text-gray-500 focus:outline-hidden focus:ring-3 ring-gray-300 dark:ring-gray-700 focus:border-blue-300 dark:focus:border-blue-700 active:bg-gray-100 dark:active:bg-gray-900 active:text-gray-700 dark:active:text-gray-300 transition ease-in-out duration-150';
</script>

<template>
Expand Down Expand Up @@ -80,7 +80,7 @@ const linkClasses =
</span>
</p>

<div class="relative z-0 inline-flex rounded-md shadow-sm">
<div class="relative z-0 inline-flex rounded-md shadow-xs">
<span
v-if="items.currentPage === 1"
:class="[
Expand Down Expand Up @@ -111,7 +111,7 @@ const linkClasses =
'text-gray-500',
'dark:bg-gray-900',
'hover:text-gray-400',
'hover:dark:text-gray-600',
'dark:hover:text-gray-600',
'focus:z-10',
]"
:aria-label="$t('Previous')">
Expand Down Expand Up @@ -170,7 +170,7 @@ const linkClasses =
'text-gray-500',
'dark:bg-gray-900',
'hover:text-gray-400',
'hover:dark:text-gray-600',
'dark:hover:text-gray-600',
'focus:z-10',
]"
:aria-label="$t('Next')">
Expand Down
4 changes: 2 additions & 2 deletions resources/js/Components/ResponsiveNavLink.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ const props = defineProps({
const classes = computed(() => {
return props.active
? 'block ps-3 pe-4 py-2 border-s-4 border-indigo-400 dark:border-indigo-600 text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900 focus:outline-none focus:text-indigo-800 focus:dark:text-indigo-200 focus:bg-indigo-100 focus:dark:bg-indigo-900 focus:border-indigo-700 focus:dark:border-indigo-300 transition'
: 'block ps-3 pe-4 py-2 border-s-4 border-transparent text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 hover:dark:text-gray-200 hover:bg-gray-50 hover:dark:bg-gray-900 hover:border-gray-300 hover:dark:border-gray-700 focus:outline-none focus:text-gray-800 focus:dark:text-gray-200 focus:bg-gray-50 focus:dark:bg-gray-900 focus:border-gray-300 focus:dark:border-gray-700 transition';
? 'block ps-3 pe-4 py-2 border-s-4 border-indigo-400 dark:border-indigo-600 text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900 focus:outline-hidden focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300 transition'
: 'block ps-3 pe-4 py-2 border-s-4 border-transparent text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-900 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-hidden focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-900 focus:border-gray-300 dark:focus:border-gray-700 transition';
});
</script>

Expand Down
10 changes: 5 additions & 5 deletions resources/js/Layouts/AppLayout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ const logout = () => {
<template #trigger>
<button
v-if="$page.props.jetstream.managesProfilePhotos"
class="flex rounded-full border-2 border-transparent text-sm transition focus:border-gray-300 focus:outline-none focus:dark:border-gray-700">
class="flex rounded-full border-2 border-transparent text-sm transition focus:border-gray-300 focus:outline-hidden dark:focus:border-gray-700">
<img
class="h-8 w-8 rounded-full object-cover"
:src="$page.props.auth.user?.profile_photo_url"
Expand All @@ -56,7 +56,7 @@ const logout = () => {
<span v-else class="inline-flex rounded-md">
<button
type="button"
class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition hover:text-gray-700 focus:outline-none dark:bg-gray-900 hover:dark:text-gray-300">
class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition hover:text-gray-700 focus:outline-hidden dark:bg-gray-900 dark:hover:text-gray-300">
{{ $page.props.auth.user?.name }}

<svg
Expand Down Expand Up @@ -111,7 +111,7 @@ const logout = () => {
<!-- Hamburger -->
<div class="-me-2 flex items-center sm:hidden">
<button
class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 transition hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none dark:text-gray-600 hover:dark:bg-gray-900 focus:dark:bg-gray-900"
class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 transition hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-hidden dark:text-gray-600 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
@click="showingNavigationDropdown = !showingNavigationDropdown">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path
Expand Down Expand Up @@ -189,14 +189,14 @@ const logout = () => {
</nav>

<!-- Page Heading -->
<header v-if="$slots.header" class="bg-white shadow dark:bg-gray-900 dark:shadow-gray-700">
<header v-if="$slots.header" class="bg-white shadow-sm dark:bg-gray-900 dark:shadow-gray-700">
<div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
<slot name="header" />
</div>
</header>

<!-- Page Content -->
<main class="flex-grow">
<main class="grow">
<slot />
</main>

Expand Down
2 changes: 1 addition & 1 deletion resources/js/Pages/API/Partials/ApiTokenManager.vue
Original file line number Diff line number Diff line change
Expand Up @@ -197,7 +197,7 @@ const copyToClipboard = (token) => {

<div v-if="$page.props.jetstream.flash.token" class="mt-4 flex">
<div
class="rounded bg-gray-100 px-4 py-2 font-mono text-sm text-gray-500"
class="rounded-sm bg-gray-100 px-4 py-2 font-mono text-sm text-gray-500"
@click.prevent="copyToClipboard($page.props.jetstream.flash.token)">
{{ $page.props.jetstream.flash.token }}
</div>
Expand Down
Loading

0 comments on commit 1fc27bc

Please sign in to comment.