Skip to content

chore: lib updates #246

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hmbanan666 merged 2 commits into from
Oct 27, 2025
Merged

chore: lib updates #246

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7d4db84
chore: lib updates
hmbanan666 Oct 27, 2025
3f48b77
chore: update
hmbanan666 Oct 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions apps/atrium-telegram/app/app.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,10 @@ init({
debug: isDev,
eruda: isDev,
mockForMacOS: false,
}).then(() => {
useBackButton()
})

useBackButton()

// Fix system theme
const isDark = computed(() => themeParams.isDark())
const colorMode = useColorMode()
Expand Down
12 changes: 1 addition & 11 deletions apps/atrium-telegram/app/components/KitchenCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,17 +23,7 @@
{{ kitchen.address }}, {{ kitchen.city }}
</div>

<!-- <div>
<div v-if="agreement.concludedAt" class="w-full text-base/5 font-normal">
Заключен: {{ format(new Date(agreement.concludedAt), 'd MMMM yyyy', { locale: ru }) }}
</div>

<div v-if="agreement.willEndAt" class="w-full text-base/5 font-normal">
Заканчивается: {{ format(new Date(agreement.willEndAt), 'd MMMM yyyy', { locale: ru }) }}
</div>
</div> -->

<div v-if="kitchen.description" class="w-full text-base/5 text-muted font-normal whitespace-pre-wrap break-words line-clamp-5">
<div v-if="kitchen.description" class="w-full text-base/5 text-muted font-normal whitespace-pre-wrap wrap-break-word line-clamp-5">
{{ kitchen.description }}
</div>
</Section>
Expand Down
4 changes: 2 additions & 2 deletions apps/atrium-telegram/app/components/PartnerCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<ActiveCard class="h-full">
<Section class="!p-0 h-full">
<Section class="p-0! h-full">
<div class="relative">
<img
:src="partnerUser?.avatarUrl ?? undefined"
Expand Down Expand Up @@ -33,7 +33,7 @@
size="md"
color="neutral"
:ui="{
indicator: '!bg-error',
indicator: 'bg-error!',
base: 'bg-error/25',
}"
/>
Expand Down
9 changes: 6 additions & 3 deletions apps/atrium-telegram/app/components/TaskInfoCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,20 +34,23 @@
{{ task.name }}
</h3>

<div v-if="task.description" class="w-full text-base/5 font-normal whitespace-pre-wrap break-words line-clamp-8">
<div
v-if="task.description"
class="w-full text-base/5 font-normal whitespace-pre-wrap wrap-break-word line-clamp-8"
>
{{ task.description }}
</div>

<div v-if="task?.date" class="flex flex-row gap-2 items-center w-full">
<UIcon name="i-lucide-calendar" class="shrink-0 size-5 text-primary" />
<p class="text-base/5 font-semibold whitespace-pre-wrap break-words">
<p class="text-base/5 font-semibold whitespace-pre-wrap wrap-break-word">
{{ format(new Date(task.date), 'd MMMM yyyy', { locale: ru }) }}
</p>
</div>

<div v-if="task.report" class="flex flex-row gap-2 items-start w-full">
<UIcon name="i-lucide-clipboard-pen" class="shrink-0 size-5 text-primary" />
<p class="text-base/5 font-semibold whitespace-pre-wrap break-words line-clamp-12">
<p class="text-base/5 font-semibold whitespace-pre-wrap wrap-break-word line-clamp-12">
{{ task.report }}
</p>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/atrium-telegram/app/pages/agreement/[agreementId]/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
</div>
</div>

<div v-if="agreement?.comment" class="w-full text-sm/5 text-muted font-normal whitespace-pre-wrap break-words line-clamp-5">
<div v-if="agreement?.comment" class="w-full text-sm/5 text-muted font-normal whitespace-pre-wrap wrap-break-word line-clamp-5">

@coderabbitai coderabbitai Bot Oct 27, 2025

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

Verify that wrap-break-word is a valid utility class.

The class wrap-break-word is not a standard Tailwind CSS utility. The standard class is break-words. If wrap-break-word is not defined as a custom utility in your Tailwind configuration, this change will break the text wrapping behavior.

Run the following script to check if this custom utility is defined:

🏁 Script executed:

#!/bin/bash
# Check if wrap-break-word is defined in Tailwind config
rg -n "wrap-break-word" --type-add 'config:*.{js,ts,mjs,cjs}' --type config -g '!node_modules' -g 'tailwind.config.*' -C3

# Also check for any CSS definitions
rg -n "\.wrap-break-word" --type css -g '!node_modules' -C3

Length of output: 148

I'll help verify the wrap-break-word utility class. The initial script had overly restrictive filters. Let me try a broader search approach.

🏁 Script executed:

#!/bin/bash
# Find Tailwind config files
echo "=== Finding Tailwind config files ==="
fd "tailwind" --type f -g "!node_modules"

# Broader search for wrap-break-word in all files
echo -e "\n=== Searching for wrap-break-word definitions ==="
rg "wrap-break-word" -g "!node_modules" -C2

# Also check for break-words (standard Tailwind)
echo -e "\n=== Checking file mentioned in review ==="
cat "apps/atrium-telegram/app/pages/agreement/[agreementId]/index.vue" | head -60

Length of output: 7041

Now I need to find the Tailwind configuration and check if wrap-break-word is defined. Let me search for the config files and custom utility definitions.

🏁 Script executed:

#!/bin/bash
# Find Tailwind config files with proper syntax
echo "=== Finding Tailwind config files ==="
fd "tailwind.config" --type f

# Also search for any tailwind or Tailwind config
echo -e "\n=== Broader search for config files ==="
fd "config" --type f | grep -i tailwind

# Search for wrap-break-word definitions in config and CSS
echo -e "\n=== Searching for wrap-break-word in config context ==="
rg "wrap-break-word" --type ts --type js --type css -B5 -A5

# Look for theme extensions or custom utilities
echo -e "\n=== Searching for theme/extend/utilities definitions ==="
rg "extend|theme|utilities" --type ts --type js -l | head -20

Length of output: 8214

Let me check the Nuxt configuration and CSS files where the Tailwind utility might be defined:

🏁 Script executed:

#!/bin/bash
# Check the Nuxt config in the atrium-telegram app
echo "=== Checking apps/atrium-telegram/nuxt.config.ts ==="
cat apps/atrium-telegram/nuxt.config.ts

# Search for CSS files that might define wrap-break-word
echo -e "\n=== Searching for CSS/SCSS files with @layer or wrap-break-word ==="
find apps/atrium-telegram -name "*.css" -o -name "*.scss" | head -20

# Search in CSS files for custom utilities
echo -e "\n=== Looking for @layer utilities definitions ==="
rg "@layer|wrap-break-word" --type css --type scss -B3 -A3

# Check the app.vue and global files
echo -e "\n=== Checking apps/atrium-telegram/app/app.vue ==="
cat apps/atrium-telegram/app/app.vue | head -50

Length of output: 2721

Now let me check the CSS file where the custom utility should be defined:

🏁 Script executed:

#!/bin/bash
# Check the global CSS file
echo "=== Checking apps/atrium-telegram/app/assets/css/styles.css ==="
cat apps/atrium-telegram/app/assets/css/styles.css

# Also search for any @layer definitions across CSS files
echo -e "\n=== Searching all CSS files for @layer or .wrap-break-word ==="
rg "@layer|\.wrap-break-word" --type css -B2 -A2 apps/atrium-telegram

Length of output: 4184

Let me check if wrap-break-word is defined in the @roll-stack/ui package or other Tailwind configurations:

🏁 Script executed:

#!/bin/bash
# Search for wrap-break-word throughout entire repo including packages
echo "=== Searching for wrap-break-word definition in entire repo ==="
rg "wrap-break-word" -B3 -A3

# Look for @roll-stack/ui in package.json to understand the dependency
echo -e "\n=== Checking package.json for @roll-stack/ui ==="
rg "@roll-stack/ui" --type json

# Search for Tailwind config in packages directory
echo -e "\n=== Looking for Tailwind configs in packages ==="
find packages -name "*tailwind*" -o -name "tailwind.config.*" 2>/dev/null | head -20

# Check if there's a shared Tailwind config
echo -e "\n=== Searching for theme or utilities config in packages ==="
rg "wrap-break-word|word-wrap|break-word" -g '!node_modules' --type js --type ts --type css

Length of output: 9108

I found an important inconsistency. Let me check the @roll-stack/ui package to see if it defines wrap-break-word:Critical finding: The standard Tailwind CSS utility is wrap-break-word, which allows line breaks between letters in a word if needed. This is NOT the same as break-words (which is a different utility for word-breaking behavior).

Let me verify this finding by checking the packages directory for any @roll-stack/ui configuration:

🏁 Script executed:

#!/bin/bash
# Check if @roll-stack/ui is a local package with Tailwind config
echo "=== Checking packages/ui for Tailwind config ==="
find packages/ui -name "*.ts" -o -name "*.js" -o -name "*.json" | grep -E "(tailwind|config)" | head -20

# Check the main content of packages/ui
echo -e "\n=== Listing packages/ui structure ==="
ls -la packages/ui/

# Look for CSS in packages/ui
echo -e "\n=== Looking for CSS files in packages/ui ==="
find packages/ui -name "*.css" -o -name "*.scss" 2>/dev/null | head -20

Length of output: 865

Let me check the UI package's CSS and configuration files:

🏁 Script executed:

#!/bin/bash
# Check the main CSS file in packages/ui
echo "=== Checking packages/ui/app/assets/css/main.css ==="
cat packages/ui/app/assets/css/main.css

# Check the Nuxt config
echo -e "\n=== Checking packages/ui/nuxt.config.ts ==="
cat packages/ui/nuxt.config.ts

# Check the app config
echo -e "\n=== Checking packages/ui/app/app.config.ts ==="
cat packages/ui/app/app.config.ts

# Search for wrap-break-word in the entire packages/ui
echo -e "\n=== Searching for wrap-break-word in packages/ui ==="
rg "wrap-break-word" packages/ui

Length of output: 3058

Replace wrap-break-word with break-words — undefined CSS class.

The verification confirms the review comment is correct. The class wrap-break-word is not defined anywhere in the codebase, the extended @roll-stack/ui package, or as a standard Tailwind utility. The correct Tailwind class is break-words, which is already used consistently elsewhere in the same app (e.g., ticket/Card.vue, flow/ItemCard.vue, PartnerAgreementCard.vue).

This affects multiple files in apps/atrium-telegram:

  • app/pages/agreement/[agreementId]/index.vue
  • app/pages/task/[taskId]/index.vue
  • app/components/KitchenCard.vue
  • app/components/TaskInfoCard.vue

Replace all instances of wrap-break-word with break-words to restore correct text wrapping behavior.

🤖 Prompt for AI Agents 
In apps/atrium-telegram/app/pages/agreement/[agreementId]/index.vue around line
47 (and similarly in app/pages/task/[taskId]/index.vue,
app/components/KitchenCard.vue, app/components/TaskInfoCard.vue), replace the
non-existent Tailwind class "wrap-break-word" with the correct utility
"break-words" so text wrapping behaves properly; update each occurrence to use
"break-words" (no other changes required).

{{ agreement.comment }}
</div>
</Section>
Expand Down
4 changes: 2 additions & 2 deletions apps/atrium-telegram/app/pages/agreement/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
size="xl"
trailing-icon="i-lucide-arrow-down-wide-narrow"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'По дате заключения (убывание)', value: 'concludedAtDesc' },
Expand All @@ -27,7 +27,7 @@
size="xl"
trailing-icon="i-lucide-funnel"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'Все', value: 'all' },
Expand Down
8 changes: 4 additions & 4 deletions apps/atrium-telegram/app/pages/partner/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<div class="flex flex-row gap-2.5 items-center">
<SectionTitle title="Партнеры" />
<CounterBadge v-if="filteredPartners.length" :value="filteredPartners.length" />
<CounterBadge v-if="totalBalance" :value="`${new Intl.NumberFormat().format(totalBalance)} ₽`" />
<CounterBadge v-if="typeof totalBalance === 'number'" :value="`${new Intl.NumberFormat().format(totalBalance)} ₽`" />
</div>

<div class="grid grid-cols-1 gap-2.5 items-center">
Expand All @@ -13,7 +13,7 @@
trailing-icon="i-lucide-search"
placeholder="Найти..."
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
class="motion-preset-slide-down"
/>
Expand All @@ -23,7 +23,7 @@
size="xl"
trailing-icon="i-lucide-arrow-down-wide-narrow"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'По фамилии (возрастание)', value: 'nameAsc' },
Expand All @@ -38,7 +38,7 @@
size="xl"
trailing-icon="i-lucide-funnel"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'Все', value: 'all' },
Expand Down
8 changes: 4 additions & 4 deletions apps/atrium-telegram/app/pages/task/[taskId]/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,27 +32,27 @@

<SectionTitle :title="task?.name ?? ''" />

<div v-if="task?.description" class="w-full text-base/5 font-normal whitespace-pre-wrap break-words">
<div v-if="task?.description" class="w-full text-base/5 font-normal whitespace-pre-wrap wrap-break-word">

@coderabbitai coderabbitai Bot Oct 27, 2025

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

Verify that wrap-break-word is a valid utility class.

The class wrap-break-word is not a standard Tailwind CSS utility (the standard is break-words). Please confirm that wrap-break-word is defined as a custom utility in your Tailwind configuration to ensure text wrapping works as expected across these four elements.

Run the following script to check if this custom utility is defined:

Also applies to: 41-41, 48-48, 55-55

🏁 Script executed:

#!/bin/bash
# Check if wrap-break-word is defined in Tailwind config
rg -n "wrap-break-word" --type-add 'config:*.{js,ts,mjs,cjs}' --type config -g '!node_modules' -g 'tailwind.config.*' -C3

# Also check for any CSS definitions
rg -n "\.wrap-break-word" --type css -g '!node_modules' -C3

Length of output: 148

I'll use a different approach to verify this custom utility. Let me search for Tailwind config files and then check for the utility definition.

🏁 Script executed:

#!/bin/bash
# Find tailwind config files
echo "=== Finding Tailwind config files ==="
fd -t f "tailwind" --max-depth 5

echo ""
echo "=== Searching for wrap-break-word in config files ==="
rg "wrap-break-word" -g "tailwind*" -g "*.config.*" -C3

echo ""
echo "=== Searching for wrap-break-word in the entire codebase ==="
rg "wrap-break-word" -C2

echo ""
echo "=== Checking for CSS files that might define this class ==="
fd -t f "\.(css|scss|less)$" -g "!node_modules" | head -20

Length of output: 5124

Let me search for the Tailwind configuration in more conventional locations and check if break-words (the standard utility) is used elsewhere:

🏁 Script executed:

#!/bin/bash
# Find tailwind config in common locations
echo "=== Looking for tailwind.config files in common locations ==="
find . -maxdepth 3 -name "tailwind.config.*" -o -name "tailwind.js" 2>/dev/null

echo ""
echo "=== Check package.json for tailwind references ==="
find . -maxdepth 3 -name "package.json" -exec grep -l "tailwind" {} \;

echo ""
echo "=== Search for 'break-words' (standard Tailwind utility) in codebase ==="
rg "break-words" -C2

echo ""
echo "=== List all CSS/SCSS files in the project ==="
fd "\.(css|scss)$" --max-depth 5 2>/dev/null | grep -v node_modules | head -20

Length of output: 3614

Let me check the Tailwind configuration in the UI package:

🏁 Script executed:

#!/bin/bash
# Check packages/ui/package.json for tailwind config
echo "=== Content of packages/ui/package.json (tailwind section) ==="
cat ./packages/ui/package.json | head -50

echo ""
echo "=== Check if there's a tailwind config within packages/ui ==="
find ./packages/ui -maxdepth 2 -type f \( -name "tailwind.config.*" -o -name "tailwind.js" -o -name "*.css" -o -name "*.scss" \) 2>/dev/null

echo ""
echo "=== Verify: are wrap-break-word and break-words in the same files? ==="
rg -l "wrap-break-word|break-words" apps/atrium-telegram/app/pages/task/\[taskId\]/index.vue -C1

Length of output: 1453

Replace wrap-break-word with break-words (standard Tailwind utility).

The class wrap-break-word is not defined anywhere in your codebase and is not a standard Tailwind CSS utility. The codebase already uses the correct standard utility break-words successfully in other files (e.g., apps/web-app/app/pages/epic/index.vue, apps/atrium-telegram/app/pages/ticket/[ticketId]/index.vue). Replace all instances of wrap-break-word with break-words on lines 35, 41, 48, and 55, and also in apps/atrium-telegram/app/components/TaskInfoCard.vue and apps/atrium-telegram/app/components/KitchenCard.vue where the same issue occurs.

🤖 Prompt for AI Agents 
In apps/atrium-telegram/app/pages/task/[taskId]/index.vue around lines 35, 41,
48 and 55, and in apps/atrium-telegram/app/components/TaskInfoCard.vue and
apps/atrium-telegram/app/components/KitchenCard.vue, replace the non-existent
Tailwind class "wrap-break-word" with the correct standard utility
"break-words"; update each class attribute that contains "wrap-break-word" to
use "break-words" so styling matches other files and Tailwind expectations.

{{ task.description }}
</div>

<div v-if="task?.report" class="flex flex-row gap-2 items-start w-full">
<UIcon name="i-lucide-clipboard-pen" class="shrink-0 size-6 text-primary" />
<p class="text-base/5 font-semibold whitespace-pre-wrap break-words">
<p class="text-base/5 font-semibold whitespace-pre-wrap wrap-break-word">
{{ task.report }}
</p>
</div>

<div v-if="task?.date" class="flex flex-row gap-2 items-center w-full">
<UIcon name="i-lucide-calendar" class="shrink-0 size-6 text-primary" />
<p class="text-base/5 font-semibold whitespace-pre-wrap break-words">
<p class="text-base/5 font-semibold whitespace-pre-wrap wrap-break-word">
{{ format(new Date(task.date), 'd MMMM yyyy', { locale: ru }) }}
</p>
</div>

<div v-if="taskList" class="flex flex-row gap-2 items-center w-full">
<UIcon name="i-lucide-book-marked" class="shrink-0 size-6 text-primary" />
<p class="text-base/5 font-semibold whitespace-pre-wrap break-words">
<p class="text-base/5 font-semibold whitespace-pre-wrap wrap-break-word">
{{ taskList.name }}
</p>
</div>
Expand Down
6 changes: 3 additions & 3 deletions apps/atrium-telegram/app/pages/task/all.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
size="xl"
trailing-icon="i-lucide-arrow-down-wide-narrow"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'По дате создания (убывание)', value: 'updatedAtDesc' },
Expand All @@ -25,7 +25,7 @@
size="xl"
trailing-icon="i-lucide-funnel"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
:items="[
{ label: 'Все задачи', value: 'all' },
Expand All @@ -40,7 +40,7 @@
:items="availablePerformers"
size="xl"
:ui="{
base: '!ring-0',
base: 'ring-0!',
}"
placeholder="Все исполнители"
class="motion-preset-slide-up"
Expand Down
4 changes: 2 additions & 2 deletions apps/storefront-telegram/app/app.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,10 @@ init({
debug: isDev,
eruda: isDev,
mockForMacOS: false,
}).then(() => {
useBackButton()
})

useBackButton()

// Fix system theme
const isDark = computed(() => themeParams.isDark())
const colorMode = useColorMode()
Expand Down
2 changes: 1 addition & 1 deletion apps/storefront-telegram/app/components/catalog/ClosedNowHeader.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<div
v-if="isCatalogPage && !channelStore.isKitchenOpened"
class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-gradient-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"
class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-linear-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"

@coderabbitai coderabbitai Bot Oct 27, 2025

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

Invalid Tailwind class breaks gradient styling.

bg-linear-to-b is not a valid Tailwind CSS utility class. The correct class is bg-gradient-to-b. This change will break the gradient background rendering since the from-indigo-950 and to-indigo-800 utilities require a valid gradient direction class to function.

Apply this diff to restore the correct Tailwind class:

-    class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-linear-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"
+    class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-gradient-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-linear-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"
class="tg-safe-area -mb-[calc(var(--tg-viewport-content-safe-area-inset-top)+var(--tg-viewport-safe-area-inset-top))] tg-text-button bg-gradient-to-b from-indigo-950 to-indigo-800 motion-preset-slide-down"
🤖 Prompt for AI Agents 
In apps/storefront-telegram/app/components/catalog/ClosedNowHeader.vue around
line 4 the Tailwind utility is mistyped as "bg-linear-to-b" which prevents the
gradient from rendering; replace that class with the correct "bg-gradient-to-b"
so the "from-indigo-950" and "to-indigo-800" color stops apply properly and the
background gradient displays as intended.

>
<div class="p-4 max-w-[28rem] mx-auto tg-content-safe-area-top">
<div class="pt-6 flex flex-row items-center gap-2">
Expand Down
4 changes: 2 additions & 2 deletions apps/web-app/app/components/PartnerCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
name="i-lucide-scroll-text"
class="shrink-0 size-5 text-primary"
:class="[
agreementProgress <= 15 && '!text-error motion-preset-seesaw motion-preset-wobble-sm',
agreementProgress <= 15 && 'text-error! motion-preset-seesaw motion-preset-wobble-sm',
]"
/>

Expand All @@ -38,7 +38,7 @@
size="md"
color="secondary"
:ui="{
indicator: agreementProgress <= 15 && '!bg-error',
indicator: agreementProgress <= 15 && 'bg-error!',
}"
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/components/chart/NetworkChecks.client.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<UCard ref="cardRef" :ui="{ root: 'overflow-visible', body: '!px-0 !pt-0 !pb-3' }">
<UCard ref="cardRef" :ui="{ root: 'overflow-visible', body: 'px-0! pt-0! pb-3!' }">
<template #header>
<div>
<p class="text-xs text-muted uppercase mb-1.5">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/components/chart/NetworkRevenue.client.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<UCard ref="cardRef" :ui="{ root: 'overflow-visible', body: '!px-0 !pt-0 !pb-3' }">
<UCard ref="cardRef" :ui="{ root: 'overflow-visible', body: 'px-0! pt-0! pb-3!' }">
<template #header>
<div>
<p class="text-xs text-muted uppercase mb-1.5">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/pages/agreement/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@
thead: '[&>tr]:bg-default [&>tr]:after:content-none',
tbody: '[&>tr]:last:[&>td]:border-b-0',
th: 'py-1.5 text-sm/4 bg-elevated/50 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
td: 'border-b border-default [&:has([data-action=true]))]:pr-0',
td: 'border-b border-default [&:has([data-action=true])]:pr-0',
}"
>
<template #id-cell="{ row }">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/pages/head/task/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@
thead: '[&>tr]:bg-default [&>tr]:after:content-none',
tbody: '[&>tr]:last:[&>td]:border-b-0',
th: 'py-1 bg-elevated/50 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
td: 'border-b border-default [&:has([data-media=true]))]:px-0 [&:has([data-media=true]))]:max-w-10 [&:has([data-action=true]))]:pr-0',
td: 'border-b border-default [&:has([data-media=true])]:px-0 [&:has([data-media=true])]:max-w-10 [&:has([data-action=true])]:pr-0',
}"
>
<template #id-cell="{ row }">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/pages/kitchen/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
thead: '[&>tr]:bg-default [&>tr]:after:content-none',
tbody: '[&>tr]:last:[&>td]:border-b-0',
th: 'py-1 bg-elevated/50 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
td: 'border-b border-default [&:has([data-action=true]))]:pr-0',
td: 'border-b border-default [&:has([data-action=true])]:pr-0',
}"
>
<template #id-cell="{ row }">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-app/app/pages/print/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
thead: '[&>tr]:bg-default [&>tr]:after:content-none',
tbody: '[&>tr]:last:[&>td]:border-b-0',
th: 'py-1.5 text-sm/4 bg-elevated/50 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
td: 'border-b border-default [&:has([data-action=true]))]:pr-0',
td: 'border-b border-default [&:has([data-action=true])]:pr-0',
}"
>
<template #id-cell="{ row }">
Expand Down
2 changes: 1 addition & 1 deletion apps/web-storefront/app/components/Navigation.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
variant="link"
color="secondary"
size="md"
class="!text-secondary px-2.5 py-0 text-lg font-semibold cursor-pointer"
class="text-secondary! px-2.5 py-0 text-lg font-semibold cursor-pointer"
@click="modalCitySelector.open()"
>
{{ city?.name }}
Expand Down
Loading