mirror of
https://github.com/bewcloud/bewcloud.git
synced 2026-03-11 08:54:49 +00:00
Tweak tailwind
This commit is contained in:
Bruno Bernardino
parent
d24d857080
commit
1b689bfeb5
32 changed files with 38 additions and 40 deletions
|
|
@ -106,7 +106,7 @@ export default function Header({ route, user, enabledApps }: Data) {
|
|||
<div class='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8'>
|
||||
<div class='flex h-16 items-center justify-between'>
|
||||
<div class='flex items-center'>
|
||||
<div class='flex-shrink-0'>
|
||||
<div class='shrink'>
|
||||
<a href='/'>
|
||||
<img class='h-12 w-12 drop-shadow-md' src='/images/logomark.svg' alt='a stylized blue cloud' />
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ export default function AddEventModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ export default function ImportEventsModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -449,7 +449,7 @@ export default function MainCalendar(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isViewOptionsDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
@ -510,7 +510,7 @@ export default function MainCalendar(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isImportExportOptionsDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -110,7 +110,7 @@ export default function SearchEvents({ calendars, onClickOpenEvent }: SearchEven
|
|||
? (
|
||||
<section class='relative inline-block text-left ml-2 text-xs'>
|
||||
<section
|
||||
class={`absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none`}
|
||||
class={`absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none`}
|
||||
role='menu'
|
||||
aria-orientation='vertical'
|
||||
aria-labelledby='view-button'
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ export default function ViewEventModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ export default function BudgetModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ export default function ExpenseModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ export default function ListBudgets(
|
|||
<section class='w-full flex flex-wrap gap-4 justify-center items-center'>
|
||||
{view.value === 'list'
|
||||
? [totalBudget, ...budgets].map((budget) => {
|
||||
let backgroundColorClass = 'bg-green-600';
|
||||
let backgroundColorClass = 'bg-emerald-600';
|
||||
let usedValuePercentage = Math.ceil(100 * budget.extra.usedValue / budget.value);
|
||||
|
||||
if (usedValuePercentage >= 100) {
|
||||
|
|
|
|||
|
|
@ -729,7 +729,7 @@ export default function MainExpenses({ initialBudgets, initialExpenses, initialM
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!areNewOptionsOption.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ export default function CreateDirectoryModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ export default function CreateShareModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -734,7 +734,7 @@ export default function MainFiles(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute left-0 z-10 mt-2 w-44 origin-top-left rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute left-0 z-10 mt-2 w-44 origin-top-left rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!areBulkOptionsOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
@ -785,7 +785,7 @@ export default function MainFiles(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!areNewOptionsOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@ export default function ManageShareModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ export default function MoveDirectoryOrFileModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ export default function RenameDirectoryOrFileModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@ export default function SearchFiles({}: SearchFilesProps) {
|
|||
? (
|
||||
<section class='relative inline-block text-left ml-2 text-sm'>
|
||||
<section
|
||||
class={`absolute right-0 z-10 mt-2 w-80 origin-top-right rounded-md bg-slate-600 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none overflow-y-scroll max-h-[80%] min-h-56`}
|
||||
class={`absolute right-0 z-10 mt-2 w-80 origin-top-right rounded-md bg-slate-600 shadow-lg ring-1 ring-black/15 focus:outline-none overflow-y-scroll max-h-[80%] min-h-56`}
|
||||
role='menu'
|
||||
aria-orientation='vertical'
|
||||
aria-labelledby='view-button'
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ export default function CreateNoteModal(
|
|||
return (
|
||||
<>
|
||||
<section
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${isOpen ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -250,7 +250,7 @@ export default function MainNotes({ initialDirectories, initialFiles, initialPat
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!areNewOptionsOption.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -166,7 +166,7 @@ export default function MainPhotos({ initialDirectories, initialFiles, initialPa
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!areNewOptionsOption.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
services:
|
||||
website:
|
||||
image: ghcr.io/bewcloud/bewcloud:v3.0.2
|
||||
image: ghcr.io/bewcloud/bewcloud:v3.0.0
|
||||
restart: always
|
||||
ports:
|
||||
- 127.0.0.1:8000:8000
|
||||
|
|
|
|||
|
|
@ -535,7 +535,7 @@ export default function MultiFactorAuthSettings({ methods }: MultiFactorAuthSett
|
|||
method.type === 'totp' && typeof method.backupCodesCount !== 'undefined' ? 'mb-2' : ''
|
||||
}`}
|
||||
>
|
||||
<span class='inline-block w-3 h-3 bg-green-500 rounded-full mr-2'></span>
|
||||
<span class='inline-block w-3 h-3 bg-emerald-500 rounded-full mr-2'></span>
|
||||
<span class='font-medium'>{method.name}</span>
|
||||
</section>
|
||||
{method.type === 'totp' && typeof method.backupCodesCount !== 'undefined'
|
||||
|
|
|
|||
|
|
@ -241,9 +241,7 @@ export default function Calendars({ initialCalendars }: CalendarsProps) {
|
|||
</section>
|
||||
|
||||
<section
|
||||
class={`fixed ${
|
||||
openCalendar.value ? 'block' : 'hidden'
|
||||
} z-40 w-screen h-screen inset-0 bg-gray-900 bg-opacity-60`}
|
||||
class={`fixed ${openCalendar.value ? 'block' : 'hidden'} z-40 w-screen h-screen inset-0 bg-gray-900/60`}
|
||||
>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -359,7 +359,7 @@ export default function Contacts(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right divide-y divide-slate-600 rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right divide-y divide-slate-600 rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isAddressBooksDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
@ -424,7 +424,7 @@ export default function Contacts(
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isOptionsDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -179,7 +179,7 @@ export default function Links({ initialLinks }: LinksProps) {
|
|||
|
||||
<span
|
||||
class={`flex justify-end items-center text-sm mt-1 mx-2 ${
|
||||
hasSaved.value ? 'text-green-600' : 'text-slate-100'
|
||||
hasSaved.value ? 'text-emerald-600' : 'text-slate-100'
|
||||
}`}
|
||||
>
|
||||
{isSaving.value
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ export default function Notes({ initialNotes }: NotesProps) {
|
|||
|
||||
<span
|
||||
class={`flex justify-end items-center text-sm mt-1 mx-2 ${
|
||||
hasSaved.value ? 'text-green-600' : 'text-slate-100'
|
||||
hasSaved.value ? 'text-emerald-600' : 'text-slate-100'
|
||||
}`}
|
||||
>
|
||||
{isSaving.value
|
||||
|
|
|
|||
|
|
@ -178,7 +178,7 @@ export default function Articles({ initialArticles }: ArticlesProps) {
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isFilterDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -257,7 +257,7 @@ export default function Feeds({ initialFeeds }: FeedsProps) {
|
|||
</div>
|
||||
|
||||
<div
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black ring-opacity-15 focus:outline-none ${
|
||||
class={`absolute right-0 z-10 mt-2 w-44 origin-top-right rounded-md bg-slate-700 shadow-lg ring-1 ring-black/15 focus:outline-none ${
|
||||
!isOptionsDropdownOpen.value ? 'hidden' : ''
|
||||
}`}
|
||||
role='menu'
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ export default function Note({ fileName, currentPath, contents }: NoteProps) {
|
|||
|
||||
<span
|
||||
class={`flex justify-end items-center text-sm mt-1 mx-auto max-w-7xl ${
|
||||
hasSaved.value ? 'text-green-600' : 'text-slate-100'
|
||||
hasSaved.value ? 'text-emerald-600' : 'text-slate-100'
|
||||
}`}
|
||||
>
|
||||
{isSaving.value
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@ export const CALENDAR_COLOR_OPTIONS = [
|
|||
'bg-orange-700',
|
||||
'bg-orange-950',
|
||||
'bg-amber-700',
|
||||
'bg-yellow-800',
|
||||
'bg-amber-800',
|
||||
'bg-lime-700',
|
||||
'bg-lime-950',
|
||||
'bg-green-700',
|
||||
'bg-emerald-700',
|
||||
'bg-emerald-800',
|
||||
'bg-teal-700',
|
||||
'bg-cyan-700',
|
||||
|
|
@ -17,7 +17,7 @@ export const CALENDAR_COLOR_OPTIONS = [
|
|||
'bg-blue-900',
|
||||
'bg-indigo-700',
|
||||
'bg-violet-700',
|
||||
'bg-purple-800',
|
||||
'bg-violet-800',
|
||||
'bg-fuchsia-700',
|
||||
'bg-pink-800',
|
||||
'bg-rose-700',
|
||||
|
|
|
|||
|
|
@ -21,9 +21,9 @@ import {
|
|||
Deno.test('that getColorAsHex works', () => {
|
||||
const tests: { input: string; expected: string | undefined }[] = [
|
||||
{ input: 'bg-red-700', expected: '#B51E1F' },
|
||||
{ input: 'bg-green-700', expected: '#148041' },
|
||||
{ input: 'bg-emerald-700', expected: '#148041' },
|
||||
{ input: 'bg-blue-900', expected: '#1E3A89' },
|
||||
{ input: 'bg-purple-800', expected: '#6923A9' },
|
||||
{ input: 'bg-violet-800', expected: '#6923A9' },
|
||||
{ input: 'bg-gray-700', expected: '#384354' },
|
||||
{ input: 'invalid-color', expected: '#384354' },
|
||||
];
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ form {
|
|||
}
|
||||
|
||||
.notification-success {
|
||||
@apply bg-green-600 rounded text-white px-6 py-8 shadow-md mt-2 mb-6 w-full hover:shadow-lg;
|
||||
@apply bg-emerald-600 rounded text-white px-6 py-8 shadow-md mt-2 mb-6 w-full hover:shadow-lg;
|
||||
}
|
||||
|
||||
.notification-success h3 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue