From 486385cf1fb6b69f9af62873fa8d1bfc264ec455 Mon Sep 17 00:00:00 2001 From: Jon Staab Date: Wed, 24 Jun 2026 20:56:53 +0000 Subject: [PATCH] Refactor css, lib components, add themes --- .env | 1 + package.json | 1 - pnpm-lock.yaml | Bin 367047 -> 366815 bytes src/app.css | 459 ------------------ src/app/components/BunkerUrl.svelte | 5 +- .../components/CalendarEventActions.svelte | 4 +- src/app/components/CalendarEventDate.svelte | 2 +- src/app/components/CalendarEventForm.svelte | 15 +- src/app/components/CalendarEventItem.svelte | 4 +- src/app/components/Chat.svelte | 15 +- src/app/components/ChatCompose.svelte | 7 +- src/app/components/ChatComposeEdit.svelte | 3 +- src/app/components/ChatComposeParent.svelte | 5 +- src/app/components/ChatEnable.svelte | 4 +- src/app/components/ChatItem.svelte | 7 +- src/app/components/ChatMembers.svelte | 4 +- src/app/components/ChatMenu.svelte | 6 +- src/app/components/ChatMessage.svelte | 16 +- .../components/ChatMessageEmojiButton.svelte | 2 +- src/app/components/ChatMessageMenu.svelte | 8 +- .../components/ChatMessageMenuMobile.svelte | 10 +- src/app/components/ChatStart.svelte | 4 +- src/app/components/ClassifiedActions.svelte | 6 +- src/app/components/ClassifiedForm.svelte | 14 +- src/app/components/ClassifiedItem.svelte | 2 +- src/app/components/ClassifiedStatus.svelte | 6 +- src/app/components/CommentActions.svelte | 2 +- src/app/components/ComposeMenu.svelte | 2 +- src/app/components/Content.svelte | 14 +- src/app/components/ContentCode.svelte | 2 +- src/app/components/ContentLinkBlock.svelte | 20 +- src/app/components/ContentLinkDetail.svelte | 2 +- src/app/components/ContentMinimal.svelte | 4 +- src/app/components/ContentQuote.svelte | 9 +- src/app/components/CurrencyInput.svelte | 6 +- src/app/components/EditFeaturedContent.svelte | 4 +- src/app/components/EventActions.svelte | 10 +- src/app/components/EventActivity.svelte | 6 +- src/app/components/EventInfo.svelte | 15 +- src/app/components/EventMenu.svelte | 2 +- src/app/components/EventReply.svelte | 11 +- src/app/components/EventShare.svelte | 13 +- src/app/components/GoalActions.svelte | 4 +- src/app/components/GoalCreate.svelte | 16 +- src/app/components/GoalItem.svelte | 4 +- src/app/components/GoalSummary.svelte | 4 +- src/app/components/IconPicker.svelte | 4 +- src/app/components/IconPickerPopover.svelte | 2 +- src/app/components/InfoBunker.svelte | 2 +- src/app/components/InfoHandle.svelte | 2 +- src/app/components/InfoKeys.svelte | 6 +- src/app/components/InfoNostr.svelte | 2 +- src/app/components/InfoRelay.svelte | 2 +- src/app/components/InfoSignatures.svelte | 2 +- src/app/components/InfoZapperError.svelte | 2 +- src/app/components/InputProfilePicture.svelte | 14 +- src/app/components/KeyDownload.svelte | 13 +- src/app/components/KeyRecoveryConfirm.svelte | 4 +- src/app/components/KeyRecoveryRequest.svelte | 4 +- src/app/components/Landing.svelte | 4 +- src/app/components/LogIn.svelte | 20 +- src/app/components/LogInBunker.svelte | 9 +- src/app/components/LogInEmail.svelte | 10 +- src/app/components/LogInKey.svelte | 10 +- src/app/components/LogInOTP.svelte | 6 +- src/app/components/LogInOTPConfirm.svelte | 4 +- src/app/components/LogInSelect.svelte | 4 +- src/app/components/LogOut.svelte | 4 +- src/app/components/MenuSettings.svelte | 10 +- src/app/components/NoteCard.svelte | 5 +- .../components/NoteContentEventTime.svelte | 2 +- src/app/components/NoteItem.svelte | 6 +- src/app/components/PasswordReset.svelte | 4 +- .../components/PasswordResetConfirm.svelte | 6 +- src/app/components/PeopleItem.svelte | 6 +- src/app/components/PollCreate.svelte | 18 +- src/app/components/PollItem.svelte | 2 +- src/app/components/PollOption.svelte | 8 +- src/app/components/PomadeSessions.svelte | 15 +- src/app/components/PrimaryNav.svelte | 55 +-- src/app/components/PrimaryNavItemSpace.svelte | 1 - src/app/components/PrimaryNavSpaces.svelte | 2 +- .../PrimaryNavSpacesOverflow.svelte | 3 +- src/app/components/ProfileCircle.svelte | 4 +- src/app/components/ProfileCircles.svelte | 6 +- src/app/components/ProfileDelete.svelte | 9 +- src/app/components/ProfileDetail.svelte | 12 +- src/app/components/ProfileEdit.svelte | 4 +- src/app/components/ProfileEditForm.svelte | 12 +- src/app/components/ProfileFeed.svelte | 4 +- src/app/components/ProfileLatest.svelte | 7 +- src/app/components/ProfileLink.svelte | 2 +- src/app/components/ProfileList.svelte | 4 +- src/app/components/ProfileMultiSelect.svelte | 11 +- src/app/components/ProfileSpaces.svelte | 8 +- src/app/components/ProgressBar.svelte | 6 +- src/app/components/QRCode.svelte | 2 +- src/app/components/ReactionSummary.svelte | 52 +- src/app/components/RecentConversation.svelte | 4 +- src/app/components/RelayAdd.svelte | 15 +- src/app/components/RelayItem.svelte | 7 +- src/app/components/RelayList.svelte | 9 +- .../RelaySettingsHealthCheck.svelte | 7 +- .../RelaySettingsHealthChecks.svelte | 4 +- src/app/components/RelaySettingsItem.svelte | 8 +- src/app/components/RelaySummary.svelte | 12 +- src/app/components/Report.svelte | 8 +- src/app/components/ReportDetails.svelte | 2 +- src/app/components/ReportItem.svelte | 11 +- src/app/components/ReportMenu.svelte | 4 +- src/app/components/RoleAddMembers.svelte | 7 +- src/app/components/RoleForm.svelte | 18 +- src/app/components/RoomAccess.svelte | 6 +- src/app/components/RoomCompose.svelte | 15 +- src/app/components/RoomComposeEdit.svelte | 3 +- src/app/components/RoomComposeParent.svelte | 3 +- src/app/components/RoomCreate.svelte | 4 +- src/app/components/RoomDetail.svelte | 39 +- src/app/components/RoomEdit.svelte | 4 +- src/app/components/RoomForm.svelte | 13 +- src/app/components/RoomItem.svelte | 23 +- src/app/components/RoomItemContent.svelte | 2 +- src/app/components/RoomItemEmojiButton.svelte | 5 +- src/app/components/RoomItemMenu.svelte | 2 +- src/app/components/RoomItemMenuButton.svelte | 16 +- src/app/components/RoomItemMenuMobile.svelte | 12 +- src/app/components/RoomItemZapButton.svelte | 2 +- src/app/components/RoomJoinItem.svelte | 13 +- src/app/components/RoomLink.svelte | 2 +- src/app/components/RoomMembers.svelte | 18 +- src/app/components/RoomMembersAdd.svelte | 4 +- src/app/components/RoomSearch.svelte | 13 +- src/app/components/SignUp.svelte | 9 +- src/app/components/SignUpComplete.svelte | 4 +- src/app/components/SignUpEmail.svelte | 8 +- src/app/components/SignUpEmailConfirm.svelte | 6 +- src/app/components/SignUpProfile.svelte | 4 +- src/app/components/SignerStatus.svelte | 4 +- src/app/components/SpaceAccessRequest.svelte | 6 +- src/app/components/SpaceActionItems.svelte | 2 +- src/app/components/SpaceAdd.svelte | 4 +- src/app/components/SpaceAuthError.svelte | 11 +- src/app/components/SpaceEdit.svelte | 15 +- src/app/components/SpaceExit.svelte | 4 +- .../components/SpaceFeaturedContent.svelte | 7 +- src/app/components/SpaceInvite.svelte | 18 +- src/app/components/SpaceInviteAccept.svelte | 10 +- src/app/components/SpaceJoin.svelte | 4 +- src/app/components/SpaceJoinSettings.svelte | 10 +- src/app/components/SpaceMember.svelte | 10 +- src/app/components/SpaceMemberRoles.svelte | 10 +- src/app/components/SpaceMembersBanned.svelte | 12 +- src/app/components/SpaceMembersSummary.svelte | 4 +- src/app/components/SpaceMenu.svelte | 21 +- src/app/components/SpaceRecentSummary.svelte | 4 +- src/app/components/SpaceReports.svelte | 2 +- src/app/components/SpaceRoles.svelte | 12 +- src/app/components/SpaceSearch.svelte | 17 +- src/app/components/SpaceTrustRelay.svelte | 9 +- src/app/components/ThreadActions.svelte | 4 +- src/app/components/ThreadBoard.svelte | 21 +- src/app/components/ThreadBoardItem.svelte | 2 +- src/app/components/ThreadCreate.svelte | 12 +- src/app/components/ThreadItem.svelte | 4 +- src/app/components/ThreadPagination.svelte | 14 +- src/app/components/ThreadPost.svelte | 21 +- src/app/components/ThunkPending.svelte | 2 +- src/app/components/ThunkStatusDetail.svelte | 6 +- .../components/ThunkStatusOrDeleted.svelte | 2 +- src/app/components/Toast.svelte | 12 +- src/app/components/TopicMultiSelect.svelte | 2 +- src/app/components/VideoCallContent.svelte | 18 +- .../VoiceCallAudioSettingsDialog.svelte | 8 +- .../VoiceParticipantMediaBadges.svelte | 2 +- src/app/components/VoiceRoomItem.svelte | 10 +- src/app/components/VoiceRoomJoinDialog.svelte | 6 +- src/app/components/VoiceWidget.svelte | 74 ++- .../WalletAsReceivingAddress.svelte | 4 +- src/app/components/WalletConnect.svelte | 8 +- src/app/components/WalletPay.svelte | 14 +- src/app/components/WalletReceive.svelte | 15 +- .../WalletUpdateReceivingAddress.svelte | 22 +- src/app/components/WotScore.svelte | 4 +- src/app/components/Zap.svelte | 12 +- src/app/components/ZapInvoice.svelte | 20 +- src/app/editor/ProfileSuggestion.svelte | 2 +- src/app/env.ts | 5 + src/app/theme.ts | 7 + src/lib/components/Badge.svelte | 21 + src/lib/components/Button.svelte | 10 +- src/lib/components/Card.svelte | 37 ++ src/lib/components/CardButton.svelte | 33 +- src/lib/components/Confirm.svelte | 4 +- src/lib/components/ContentSearch.svelte | 2 +- src/lib/components/DateTimeInput.svelte | 2 +- src/lib/components/Dialog.svelte | 23 +- src/lib/components/Divider.svelte | 6 +- src/lib/components/Drawer.svelte | 2 +- src/lib/components/EmojiButton.svelte | 4 +- src/lib/components/FAB.svelte | 4 +- src/lib/components/FieldInline.svelte | 2 +- src/lib/components/Icon.svelte | 4 +- src/lib/components/ImageIcon.svelte | 8 +- src/lib/components/ImagesInput.svelte | 16 +- src/lib/components/Input.svelte | 28 ++ src/lib/components/InputList.svelte | 4 +- src/lib/components/Link.svelte | 4 +- src/lib/components/ModalFooter.svelte | 2 +- src/lib/components/ModalSubtitle.svelte | 2 +- src/lib/components/Page.svelte | 4 +- src/lib/components/PageBar.svelte | 2 +- src/lib/components/PageContent.svelte | 8 +- src/lib/components/PageHeader.svelte | 2 +- src/lib/components/PrimaryNavItem.svelte | 50 +- src/lib/components/Scanner.svelte | 5 +- src/lib/components/SecondaryNav.svelte | 7 +- src/lib/components/SecondaryNavItem.svelte | 25 +- src/lib/components/SecondaryNavSection.svelte | 2 +- src/lib/components/Spinner.svelte | 30 +- src/lib/components/StringMultiInput.svelte | 9 +- src/lib/components/Tooltip.svelte | 18 +- src/lib/components/badge.css | 21 + src/lib/components/base.css | 335 +++++++++++++ src/lib/components/button.css | 163 +++++++ src/lib/components/card-button.css | 64 +++ src/lib/components/card.css | 64 +++ src/lib/components/chat.css | 29 ++ src/lib/components/clay.css | 115 +++++ src/lib/components/content-search.css | 5 + src/lib/components/controls.css | 106 ++++ src/lib/components/divider.css | 7 + src/lib/components/flat.css | 66 +++ src/lib/components/input.css | 63 +++ src/lib/components/join.css | 21 + src/lib/components/link.css | 9 + src/lib/components/menu.css | 22 + src/lib/components/navy.css | 85 ++++ src/lib/components/page.css | 13 + src/lib/components/primary-nav.css | 49 ++ src/lib/components/room.css | 27 ++ src/lib/components/secondary-nav.css | 40 ++ src/lib/components/spinner.css | 26 + src/lib/components/theme.css | 41 ++ src/lib/components/tooltip.css | 38 ++ src/routes/+layout.svelte | 5 +- src/routes/chat/+layout.svelte | 7 +- src/routes/chat/+page.svelte | 74 +-- src/routes/home/+page.svelte | 15 +- src/routes/people/+page.svelte | 6 +- src/routes/settings/+layout.svelte | 5 +- src/routes/settings/about/+page.svelte | 117 +++-- src/routes/settings/alerts/+page.svelte | 129 ++--- src/routes/settings/content/+page.svelte | 218 ++++----- src/routes/settings/privacy/+page.svelte | 104 ++-- src/routes/settings/profile/+page.svelte | 30 +- src/routes/settings/relays/+page.svelte | 7 +- src/routes/settings/wallet/+page.svelte | 46 +- src/routes/spaces/+page.svelte | 26 +- src/routes/spaces/[relay]/+page.svelte | 2 +- src/routes/spaces/[relay]/[h]/+page.svelte | 49 +- src/routes/spaces/[relay]/about/+page.svelte | 13 +- .../spaces/[relay]/calendar/+page.svelte | 6 +- .../[relay]/calendar/[address]/+page.svelte | 12 +- src/routes/spaces/[relay]/chat/+page.svelte | 28 +- .../spaces/[relay]/classifieds/+page.svelte | 2 +- .../classifieds/[address]/+page.svelte | 12 +- .../spaces/[relay]/directory/+page.svelte | 16 +- src/routes/spaces/[relay]/goals/+page.svelte | 2 +- .../spaces/[relay]/goals/[id]/+page.svelte | 12 +- src/routes/spaces/[relay]/polls/+page.svelte | 2 +- .../spaces/[relay]/polls/[id]/+page.svelte | 12 +- src/routes/spaces/[relay]/recent/+page.svelte | 5 +- .../spaces/[relay]/threads/+page.svelte | 2 +- .../spaces/[relay]/threads/[id]/+page.svelte | 8 +- src/routes/spaces/create/+page.svelte | 23 +- tailwind.config.js | 38 +- 276 files changed, 2988 insertions(+), 1885 deletions(-) delete mode 100644 src/app.css create mode 100644 src/lib/components/Badge.svelte create mode 100644 src/lib/components/Card.svelte create mode 100644 src/lib/components/Input.svelte create mode 100644 src/lib/components/badge.css create mode 100644 src/lib/components/base.css create mode 100644 src/lib/components/button.css create mode 100644 src/lib/components/card-button.css create mode 100644 src/lib/components/card.css create mode 100644 src/lib/components/chat.css create mode 100644 src/lib/components/clay.css create mode 100644 src/lib/components/content-search.css create mode 100644 src/lib/components/controls.css create mode 100644 src/lib/components/divider.css create mode 100644 src/lib/components/flat.css create mode 100644 src/lib/components/input.css create mode 100644 src/lib/components/join.css create mode 100644 src/lib/components/link.css create mode 100644 src/lib/components/menu.css create mode 100644 src/lib/components/navy.css create mode 100644 src/lib/components/page.css create mode 100644 src/lib/components/primary-nav.css create mode 100644 src/lib/components/room.css create mode 100644 src/lib/components/secondary-nav.css create mode 100644 src/lib/components/spinner.css create mode 100644 src/lib/components/theme.css create mode 100644 src/lib/components/tooltip.css diff --git a/.env b/.env index 828e2bff..64e9bc30 100644 --- a/.env +++ b/.env @@ -10,6 +10,7 @@ VITE_PLATFORM_LOGO=static/logo.png VITE_PLATFORM_RELAYS= VITE_PLATFORM_ACCENT="#7161FF" VITE_PLATFORM_SECONDARY="#EB5E28" +VITE_THEME="clay" VITE_PLATFORM_DESCRIPTION="Flotilla is nostr — for communities." VITE_PUSH_SERVER=https://nps.flotilla.social/ VITE_PUSH_BRIDGE=wss://npb.coracle.social/ diff --git a/package.json b/package.json index 6fff937f..a68fa30e 100644 --- a/package.json +++ b/package.json @@ -83,7 +83,6 @@ "@welshman/util": "^0.8.16", "cheerio": "^1.2.0", "compressorjs-next": "^1.1.2", - "daisyui": "^5.5.19", "date-picker-svelte": "^2.17.0", "dotenv": "^16.6.1", "emoji-picker-element": "^1.28.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f420fca36e6f558af738b116d90359edab1a1cb7..607418d36ecf87c3da304827975b9b3aae4fb2a2 100644 GIT binary patch delta 49 zcmX@US?vBsu?+>X&6{MmZ<1xyT)S+!X8X*2j6lq^eda#q&HuM2?PE#3 F4FDWY7FPfO delta 219 zcmcb=QSA6;u?+>XteM4?rJ0i#3W>>?>Y3^pT5>5sL0M{1ab|v=l>$iI$e=l0c6+)k zqtOCxunq^X=yb*gMzs`=)LgIRtQ-UPY|ElR3#a7t{4_ta0&UmOprXRGl0bLMa&JSA z?22Mbi%b*Cic~WT?ZAoxzp|oA?SRUP@@&u0^r9r+0>9iS)2Q&Q+>*33$E>uBKwH~d wE}&yl5{uG{9n7a2ZfDeNKfad{h?%w@-^;xDzW|a$46GEYYqyu|Wy!t`0Cn_A?EnA( diff --git a/src/app.css b/src/app.css deleted file mode 100644 index 99bb3dc4..00000000 --- a/src/app.css +++ /dev/null @@ -1,459 +0,0 @@ -@import "tailwindcss"; - -@config "../tailwind.config.js"; - -/* root */ - -:root { - font-family: Lato; - --sait: var(--safe-area-inset-top, env(safe-area-inset-top)); - --saib: var(--safe-area-inset-bottom, env(safe-area-inset-bottom)); - --sail: var(--safe-area-inset-left, env(safe-area-inset-left)); - --sair: var(--safe-area-inset-right, env(safe-area-inset-right)); -} - -@utility pt-sai { - padding-top: var(--sait); -} - -@utility pr-sai { - padding-right: var(--sair); -} - -@utility pb-sai { - padding-bottom: var(--saib); -} - -@utility pl-sai { - padding-left: var(--sail); -} - -@utility px-sai { - @apply pl-sai pr-sai; -} - -@utility py-sai { - @apply pt-sai pb-sai; -} - -@utility p-sai { - @apply py-sai px-sai; -} - -@utility mt-sai { - margin-top: var(--sait); -} - -@utility mr-sai { - margin-right: var(--sair); -} - -@utility mb-sai { - margin-bottom: var(--saib); -} - -@utility ml-sai { - margin-left: var(--sail); -} - -@utility mx-sai { - @apply ml-sai mr-sai; -} - -@utility my-sai { - @apply mt-sai mb-sai; -} - -@utility m-sai { - @apply my-sai mx-sai; -} - -@utility top-sai { - top: var(--sait); -} - -@utility right-sai { - right: var(--sair); -} - -@utility bottom-sai { - bottom: var(--saib); -} - -@utility left-sai { - left: var(--sail); -} - -@utility card2 { - @apply rounded-box text-base-content border-base-content/20 bg-base-100 border border-solid p-4 shadow-xl/5 sm:p-6; -} - -@utility card2-interactive { - @apply cursor-pointer hover:scale-101 transition-all; -} - -@utility column { - @apply flex flex-col; -} - -@utility center { - @apply flex items-center justify-center; -} - -@utility row-2 { - @apply flex items-center gap-2; -} - -@utility row-3 { - @apply flex items-center gap-3; -} - -@utility row-4 { - @apply flex items-center gap-4; -} - -@utility col-2 { - @apply flex flex-col gap-2; -} - -@utility col-3 { - @apply flex flex-col gap-3; -} - -@utility col-4 { - @apply flex flex-col gap-4; -} - -@utility col-8 { - @apply flex flex-col gap-8; -} - -@utility ellipsize { - @apply overflow-hidden text-ellipsis; -} - -@utility content-padding-x { - @apply px-4 sm:px-8 md:px-12; -} - -@utility content-padding-t { - @apply pt-4 sm:pt-8 md:pt-12; -} - -@utility content-padding-b { - @apply pb-4 sm:pb-8 md:pb-12; -} - -@utility content-padding-y { - @apply pt-4 pb-4 sm:pt-8 sm:pb-8 md:pt-12 md:pb-12; -} - -@utility content-sizing { - @apply m-auto w-full max-w-3xl; -} - -@utility content { - @apply m-auto w-full max-w-3xl px-4 pt-4 pb-4 sm:px-8 sm:pt-8 sm:pb-8 md:px-12 md:pt-12 md:pb-12; -} - -@utility heading { - @apply text-center text-2xl; -} - -@utility subheading { - @apply text-center text-xl; -} - -@utility superheading { - @apply text-center text-4xl; -} - -@utility link { - @apply text-primary cursor-pointer underline; -} - -/* content visibility */ - -@utility cv { - content-visibility: auto; -} - -/* - 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); - } -} - -@layer utilities { - /* Fonts */ - - @font-face { - font-family: "Satoshis"; - font-style: normal; - font-weight: 400; - src: - local(""), - url("/fonts/Satoshi Symbol.ttf") format("truetype"); - } - - @font-face { - font-family: "Lato"; - font-style: normal; - font-weight: 400; - src: - local(""), - url("/fonts/Lato-Regular.ttf") format("truetype"); - } - - @font-face { - font-family: "Lato"; - font-style: bold; - font-weight: 600; - src: - local(""), - url("/fonts/Lato-Bold.ttf") format("truetype"); - } - - @font-face { - font-family: "Lato"; - font-style: italic; - font-weight: 400; - src: - local(""), - url("/fonts/Italic.ttf") format("truetype"); - } - - /* root */ - - :root { - font-family: Lato; - text-size-adjust: 100%; - --sait: var(--safe-area-inset-top, env(safe-area-inset-top)); - --saib: var(--safe-area-inset-bottom, env(safe-area-inset-bottom)); - --sail: var(--safe-area-inset-left, env(safe-area-inset-left)); - --sair: var(--safe-area-inset-right, env(safe-area-inset-right)); - } - - [data-theme] { - @apply bg-base-300; - } - - .mobile [data-tip]::before { - display: none !important; - } - - /* safe area insets */ -} - -/* utilities */ - -.bg-alt, -.bg-alt .bg-alt .bg-alt, -.hover\:bg-alt:hover, -.bg-alt .bg-alt .hover\:bg-alt:hover, -.bg-alt .bg-alt.hover\:bg-alt:hover { - @apply bg-base-100 text-base-content transition-colors; -} - -.bg-alt .bg-alt, -.bg-alt .bg-alt .bg-alt .bg-alt, -.bg-alt .hover\:bg-alt:hover, -.bg-alt .bg-alt .bg-alt .hover\:bg-alt:hover, -.bg-alt.hover\:bg-alt:hover, -.bg-alt .bg-alt .bg-alt.hover\:bg-alt:hover { - @apply bg-base-300 text-base-content transition-colors; -} - -.card2.card2-sm { - @apply text-base-content p-2 sm:p-4; -} - -.card2 .card2, -.dialog .card2 { - @apply shadow-none; -} - -[data-tip]::before { - @apply overflow-hidden text-ellipsis; -} - -.input input::placeholder { - opacity: 0.5; -} - -/* tiptap */ - -.input-editor, -.chat-editor, -.note-editor { - @apply -m-1 p-1; -} - -.tiptap { - --tiptap-object-bg: var(--color-neutral); - --tiptap-object-fg: var(--color-neutral-content); - --tiptap-active-bg: var(--color-primary); - --tiptap-active-fg: var(--color-primary-content); -} - -.tiptap-suggestions { - --tiptap-object-bg: var(--color-base-100); - --tiptap-object-fg: var(--color-base-content); - --tiptap-active-bg: var(--color-base-300); - --tiptap-active-fg: var(--color-base-content); -} - -.tiptap-suggestions__item { - @apply border-base-100 border-l-2 border-solid; -} - -.tiptap-suggestions__selected { - @apply border-primary; -} - -.tiptap { - @apply max-h-[350px] min-h-10 overflow-y-auto p-2 px-4; -} - -.tiptap p.is-editor-empty:first-child::before { - opacity: 40%; -} - -.chat-editor .tiptap { - @apply rounded-box bg-base-300 pr-12; -} - -.note-editor .tiptap { - --tiptap-object-bg: var(--color-base-200); - @apply input rounded-box block h-auto min-h-32 w-full p-[.65rem] pb-6; -} - -.input-editor .tiptap { - --tiptap-object-bg: var(--color-base-200); - @apply input block h-auto p-[.65rem]; -} - -/* link-content, based on tiptap */ - -.link-content { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border-radius: 3px; - padding: 0 0.25rem; - background-color: var(--color-base-100); - color: var(--color-base-content); -} - -/* content rendered by welshman/content */ - -.welshman-content a { - @apply link; -} - -.welshman-content-error a { - @apply underline; -} - -/* date input */ - -.picker { - --date-picker-foreground: var(--color-base-content); - --date-picker-background: var(--color-base-300); - --date-picker-highlight-border: var(--color-primary); - --date-picker-selected-color: var(--color-primary-content); - --date-picker-selected-background: var(--color-primary); -} - -.date-time-field { - @apply input rounded-lg px-0; -} - -.date-time-field input { - @apply h-full! w-full! rounded-lg! border-none! bg-inherit! px-4! text-inherit!; -} - -/* tippy popover */ - -.tippy-target { - @apply z-tooltip pointer-events-none fixed inset-0; -} - -.tippy-target > * { - pointer-events: auto; -} - -.tippy-box { - @apply rounded-box shadow-xl; -} - -/* emoji picker */ - -emoji-picker { - --background: var(--color-base-100); - --border-color: var(--color-base-100); - --border-radius: var(--rounded-box); - --button-active-background: var(--color-base-content); - --button-hover-background: var(--color-base-content); - --indicator-color: var(--color-base-content); - --input-border-color: var(--color-base-100); - --input-font-color: var(--color-base-content); - --outline-color: var(--color-base-100); -} - -/* progress */ - -progress[value]::-webkit-progress-value { - transition: width 0.5s; -} - -/* content width for fixed elements */ - -.left-content { - @apply left-sai md:left-[calc(18.5rem+var(--sail))]; -} - -.left-content-full { - @apply left-sai md:left-[calc(3.5rem+var(--sail))]; -} - -/* Keyboard open state adjustments */ - -body.keyboard-open { - --saib: 0px; -} - -body.keyboard-open .hide-on-keyboard { - display: none; -} - -body.keyboard-open .chat__compose { - margin-bottom: 0; -} - -/* chat view */ - -.chat__compose { - @apply z-compose relative mb-14 shrink-0 md:mb-0; -} - -.chat__compose .chat__compose-inner { - @apply min-w-0; -} - -.chat__scroll-down { - @apply pb-sai z-feature fixed right-4 bottom-28 md:bottom-16; -} diff --git a/src/app/components/BunkerUrl.svelte b/src/app/components/BunkerUrl.svelte index fce640bf..585d0488 100644 --- a/src/app/components/BunkerUrl.svelte +++ b/src/app/components/BunkerUrl.svelte @@ -34,7 +34,7 @@

Bunker Link*

{/snippet} {#snippet input()} -