feat(carousel): move arrows up and extend text width #2036
Annotations
10 errors
app/profile/sections/items-section.spec.tsx > ItemsSection > should match snapshot with view card:
app/profile/sections/items-section.spec.tsx#L19
Error: Snapshot `ItemsSection > should match snapshot with view card 1` mismatched
- Expected
+ Received
@@ -54,11 +54,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=2"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -204,11 +204,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -352,11 +352,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=3"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -527,11 +527,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -677,11 +677,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline
|
app/profile/sections/items-section.spec.tsx > ItemsSection > should match snapshot as artists with view card:
app/profile/sections/items-section.spec.tsx#L54
Error: Snapshot `ItemsSection > should match snapshot as artists with view card 1` mismatched
- Expected
+ Received
@@ -54,11 +54,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/2"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
@@ -215,11 +215,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
@@ -374,11 +374,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/3"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
@@ -560,11 +560,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
@@ -721,11 +721,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
|
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as album:
app/components/items/cards/item-card.spec.tsx#L13
Error: Snapshot `ItemCard > should match snapshot as album 1` mismatched
- Expected
+ Received
@@ -21,11 +21,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/undefined"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Album 1
</p>
</a>
<div
@@ -81,11 +81,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/undefined"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Album 1
</p>
</a>
<div
❯ app/components/items/cards/item-card.spec.tsx:13:18
|
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as track:
app/components/items/cards/item-card.spec.tsx#L19
Error: Snapshot `ItemCard > should match snapshot as track 1` mismatched
- Expected
+ Received
@@ -21,11 +21,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/track/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Track 1
</p>
</a>
<div
@@ -88,11 +88,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/track/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Track 1
</p>
</a>
<div
❯ app/components/items/cards/item-card.spec.tsx:19:18
|
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as artist:
app/components/items/cards/item-card.spec.tsx#L25
Error: Snapshot `ItemCard > should match snapshot as artist 1` mismatched
- Expected
+ Received
@@ -21,11 +21,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Darkthrone
</p>
</a>
<div
@@ -81,11 +81,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]"
>
Darkthrone
</p>
</a>
<div
❯ app/components/items/cards/item-card.spec.tsx:25:18
|
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as track:
app/components/items/cards/item-top-card.spec.tsx#L13
Error: Snapshot `ItemTopCard > should match snapshot as track 1` mismatched
- Expected
+ Received
@@ -30,11 +30,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -86,11 +86,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
❯ app/components/items/cards/item-top-card.spec.tsx:13:18
|
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as album:
app/components/items/cards/item-top-card.spec.tsx#L19
Error: Snapshot `ItemTopCard > should match snapshot as album 1` mismatched
- Expected
+ Received
@@ -30,11 +30,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/undefined"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Album 1
</p>
</a>
</div>
@@ -78,11 +78,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/undefined"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Album 1
</p>
</a>
</div>
❯ app/components/items/cards/item-top-card.spec.tsx:19:18
|
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as artist:
app/components/items/cards/item-top-card.spec.tsx#L25
Error: Snapshot `ItemTopCard > should match snapshot as artist 1` mismatched
- Expected
+ Received
@@ -30,11 +30,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
@@ -97,11 +97,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/artist/123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Darkthrone
</p>
</a>
</div>
❯ app/components/items/cards/item-top-card.spec.tsx:25:18
|
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as top 2:
app/components/items/cards/item-top-card.spec.tsx#L31
Error: Snapshot `ItemTopCard > should match snapshot as top 2 1` mismatched
- Expected
+ Received
@@ -30,11 +30,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -183,11 +183,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
❯ app/components/items/cards/item-top-card.spec.tsx:31:18
|
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as top 3:
app/components/items/cards/item-top-card.spec.tsx#L37
Error: Snapshot `ItemTopCard > should match snapshot as top 3 1` mismatched
- Expected
+ Received
@@ -30,11 +30,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
@@ -189,11 +189,11 @@
<a
class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
href="/album/undefined?highlighted-track-id=123"
>
<p
- class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl"
+ class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl"
>
Track 1
</p>
</a>
<span>
❯ app/components/items/cards/item-top-card.spec.tsx:37:18
|