mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-17 12:42:15 +01:00
remove tailwind darkmode classes
This commit is contained in:
@@ -14,7 +14,7 @@ defineProps<{
|
||||
<AppLayout title="API Tokens">
|
||||
<template #header>
|
||||
<h2
|
||||
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
||||
class="font-semibold text-xl text-white leading-tight">
|
||||
API Tokens
|
||||
</h2>
|
||||
</template>
|
||||
|
||||
@@ -173,7 +173,7 @@ const deleteApiToken = () => {
|
||||
v-for="token in tokens"
|
||||
:key="token.id"
|
||||
class="flex items-center justify-between">
|
||||
<div class="break-all dark:text-white">
|
||||
<div class="break-all text-white">
|
||||
{{ token.name }}
|
||||
</div>
|
||||
|
||||
@@ -218,7 +218,7 @@ const deleteApiToken = () => {
|
||||
|
||||
<div
|
||||
v-if="page.props.jetstream.flash.token"
|
||||
class="mt-4 bg-gray-100 dark:bg-gray-900 px-4 py-2 rounded font-mono text-sm text-gray-500 break-all">
|
||||
class="mt-4 bg-card-backgroundpx-4 py-2 rounded font-mono text-sm text-gray-500 break-all">
|
||||
{{ page.props.jetstream.flash.token }}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -36,7 +36,7 @@ const submit = () => {
|
||||
|
||||
<div
|
||||
v-if="status"
|
||||
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||
class="mb-4 font-medium text-sm text-green-400">
|
||||
{{ status }}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@ const submit = () => {
|
||||
|
||||
<div
|
||||
v-if="status"
|
||||
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||
class="mb-4 font-medium text-sm text-green-400">
|
||||
{{ status }}
|
||||
</div>
|
||||
|
||||
@@ -81,7 +81,7 @@ const submit = () => {
|
||||
<Link
|
||||
v-if="canResetPassword"
|
||||
:href="route('password.request')"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
|
||||
class="underline text-sm text-muted hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
||||
Forgot your password?
|
||||
</Link>
|
||||
|
||||
|
||||
@@ -108,14 +108,14 @@ const page = usePage<{
|
||||
<a
|
||||
target="_blank"
|
||||
:href="route('terms.show')"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
|
||||
class="underline text-sm text-muted hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
||||
>Terms of Service</a
|
||||
>
|
||||
and
|
||||
<a
|
||||
target="_blank"
|
||||
:href="route('policy.show')"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
|
||||
class="underline text-sm text-muted hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</div>
|
||||
@@ -127,7 +127,7 @@ const page = usePage<{
|
||||
<div class="flex items-center justify-end mt-4">
|
||||
<Link
|
||||
:href="route('login')"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
|
||||
class="underline text-sm text-muted hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
||||
Already registered?
|
||||
</Link>
|
||||
|
||||
|
||||
@@ -36,7 +36,7 @@ const verificationLinkSent = computed(
|
||||
|
||||
<div
|
||||
v-if="verificationLinkSent"
|
||||
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||
class="mb-4 font-medium text-sm text-green-400">
|
||||
A new verification link has been sent to the email address you
|
||||
provided in your profile settings.
|
||||
</div>
|
||||
@@ -52,7 +52,7 @@ const verificationLinkSent = computed(
|
||||
<div>
|
||||
<Link
|
||||
:href="route('profile.show')"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
|
||||
class="underline text-sm text-muted hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
||||
Edit Profile</Link
|
||||
>
|
||||
|
||||
@@ -60,7 +60,7 @@ const verificationLinkSent = computed(
|
||||
:href="route('logout')"
|
||||
method="post"
|
||||
as="button"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2">
|
||||
class="underline text-sm text-muted hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2">
|
||||
Log Out
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@ defineProps({
|
||||
<template>
|
||||
<Head title="Privacy Policy" />
|
||||
|
||||
<div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
|
||||
<div class="pt-4 bg-gray-100 dark:bg-gray-900">
|
||||
<div class="font-sans text-gray-100 antialiased">
|
||||
<div class="pt-4 bg-gray-900">
|
||||
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
|
||||
<div>
|
||||
<AuthenticationCardLogo />
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
|
||||
class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
|
||||
v-html="policy" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -127,13 +127,13 @@ const disableTwoFactorAuthentication = () => {
|
||||
<template #content>
|
||||
<h3
|
||||
v-if="twoFactorEnabled && !confirming"
|
||||
class="text-lg font-medium text-gray-900 dark:text-gray-100">
|
||||
class="text-lg font-medium text-gray-100">
|
||||
You have enabled two factor authentication.
|
||||
</h3>
|
||||
|
||||
<h3
|
||||
v-else-if="twoFactorEnabled && confirming"
|
||||
class="text-lg font-medium text-gray-900 dark:text-gray-100">
|
||||
class="text-lg font-medium text-gray-100">
|
||||
Finish enabling two factor authentication.
|
||||
</h3>
|
||||
|
||||
@@ -210,7 +210,7 @@ const disableTwoFactorAuthentication = () => {
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-gray-100 dark:bg-gray-900 dark:text-gray-100 rounded-lg">
|
||||
class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-gray-100 text-gray-100 rounded-lg">
|
||||
<div v-for="code in recoveryCodes" :key="code">
|
||||
{{ code }}
|
||||
</div>
|
||||
|
||||
@@ -177,14 +177,14 @@ const page = usePage<{
|
||||
page.props.jetstream.hasEmailVerification &&
|
||||
user.email_verified_at === null
|
||||
">
|
||||
<p class="text-sm mt-2 dark:text-white">
|
||||
<p class="text-sm mt-2 text-white">
|
||||
Your email address is unverified.
|
||||
|
||||
<Link
|
||||
:href="route('verification.send')"
|
||||
method="post"
|
||||
as="button"
|
||||
class="underline text-sm text-muted hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
|
||||
class="underline text-sm text-muted hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
|
||||
@click.prevent="sendEmailVerification">
|
||||
Click here to re-send the verification email.
|
||||
</Link>
|
||||
@@ -192,7 +192,7 @@ const page = usePage<{
|
||||
|
||||
<div
|
||||
v-show="verificationLinkSent"
|
||||
class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
|
||||
class="mt-2 font-medium text-sm text-green-400">
|
||||
A new verification link has been sent to your email
|
||||
address.
|
||||
</div>
|
||||
|
||||
@@ -32,7 +32,7 @@ const page = usePage<{
|
||||
<AppLayout title="Profile">
|
||||
<template #header>
|
||||
<h2
|
||||
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
||||
class="font-semibold text-xl text-white leading-tight">
|
||||
Profile
|
||||
</h2>
|
||||
</template>
|
||||
|
||||
@@ -7,7 +7,7 @@ import CreateTeamForm from '@/Pages/Teams/Partials/CreateTeamForm.vue';
|
||||
<AppLayout title="Create Team">
|
||||
<template #header>
|
||||
<h2
|
||||
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
||||
class="font-semibold text-xl text-white leading-tight">
|
||||
Create Team
|
||||
</h2>
|
||||
</template>
|
||||
|
||||
@@ -43,10 +43,10 @@ const page = usePage<{
|
||||
:alt="page.props.auth.user.name" />
|
||||
|
||||
<div class="ms-4 leading-tight">
|
||||
<div class="text-gray-900 dark:text-white">
|
||||
<div class="text-white">
|
||||
{{ page.props.auth.user.name }}
|
||||
</div>
|
||||
<div class="text-sm text-gray-700 dark:text-gray-300">
|
||||
<div class="text-sm text-muted">
|
||||
{{ page.props.auth.user.email }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -167,14 +167,14 @@ const displayableRole = (role: string) => {
|
||||
class="mt-2" />
|
||||
|
||||
<div
|
||||
class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer">
|
||||
class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
|
||||
<button
|
||||
v-for="(role, i) in availableRoles"
|
||||
:key="role.key"
|
||||
type="button"
|
||||
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600"
|
||||
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
|
||||
:class="{
|
||||
'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none':
|
||||
'border-t border-card-border focus:border-none rounded-t-none':
|
||||
i > 0,
|
||||
'rounded-b-none':
|
||||
i !=
|
||||
@@ -190,7 +190,7 @@ const displayableRole = (role: string) => {
|
||||
<!-- Role Name -->
|
||||
<div class="flex items-center">
|
||||
<div
|
||||
class="text-sm text-muted"
|
||||
class="text-sm text-white"
|
||||
:class="{
|
||||
'font-semibold':
|
||||
addTeamMemberForm.role ==
|
||||
@@ -310,7 +310,7 @@ const displayableRole = (role: string) => {
|
||||
class="w-8 h-8 rounded-full object-cover"
|
||||
:src="user.profile_photo_url"
|
||||
:alt="user.name" />
|
||||
<div class="ms-4 dark:text-white">
|
||||
<div class="ms-4 text-whites">
|
||||
{{ user.name }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -366,14 +366,14 @@ const displayableRole = (role: string) => {
|
||||
<template #content>
|
||||
<div v-if="managingRoleFor">
|
||||
<div
|
||||
class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer">
|
||||
class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
|
||||
<button
|
||||
v-for="(role, i) in availableRoles"
|
||||
:key="role.key"
|
||||
type="button"
|
||||
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600"
|
||||
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
|
||||
:class="{
|
||||
'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none':
|
||||
'border-t border-card-border focus:border-none rounded-t-none':
|
||||
i > 0,
|
||||
'rounded-b-none':
|
||||
i !==
|
||||
|
||||
@@ -46,10 +46,10 @@ const updateTeamName = () => {
|
||||
:alt="team.owner.name" />
|
||||
|
||||
<div class="ms-4 leading-tight">
|
||||
<div class="text-gray-900 dark:text-white">
|
||||
<div class="text-white">
|
||||
{{ team.owner.name }}
|
||||
</div>
|
||||
<div class="text-gray-700 dark:text-gray-300 text-sm">
|
||||
<div class="text-muted text-sm">
|
||||
{{ team.owner.email }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -18,7 +18,7 @@ defineProps<{
|
||||
<AppLayout title="Team Settings">
|
||||
<template #header>
|
||||
<h2
|
||||
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
||||
class="font-semibold text-xl text-white leading-tight">
|
||||
Team Settings
|
||||
</h2>
|
||||
</template>
|
||||
|
||||
@@ -10,15 +10,15 @@ defineProps({
|
||||
<template>
|
||||
<Head title="Terms of Service" />
|
||||
|
||||
<div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
|
||||
<div class="pt-4 bg-gray-100 dark:bg-gray-900">
|
||||
<div class="font-sans text-gray-100 antialiased">
|
||||
<div class="pt-4 bg-gray-900">
|
||||
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
|
||||
<div>
|
||||
<AuthenticationCardLogo />
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
|
||||
class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
|
||||
v-html="terms" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user