gsadmin/gitbook
1
0
Fork 0
mirror of https://github.com/GitbookIO/gitbook.git synced 2026-11-12 23:07:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Keep the Ask AI bar's shadow from being cut off on small screens

Browse Source 
The bar sits 12px above the bottom edge there, and its shadow reached past
it, ending in a hard line. A smaller shadow fits within that margin.

Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011HgypMzRurWjvNb5ZswrNd
This commit is contained in:
Nolann Biron
2026-11-11 18:11:59 +00:00
parent 08ca971d43
commit fbcd852bf5
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/gitbook/src/components/AIChat/AIChatPageBar.tsx
+2 -1
View File
@@ -140,7 +140,8 @@ export function AIChatPageBar() {
'bg-tint-base/9 pl-3 text-sm contrast-more:bg-tint-base [&_textarea]:max-h-32 [&_textarea]:pr-9',
// A larger field on small screens; iOS also zooms the page when focusing text under 16px.
'max-lg:p-3 max-lg:pl-4 max-lg:text-base max-lg:[&_textarea]:-m-3 max-lg:[&_textarea]:p-3 max-lg:[&_textarea]:pr-12',
showSuggestions ? null : 'shadow-lg backdrop-blur-lg'
// The larger shadow would be cut off at the bottom edge of a small screen.
showSuggestions ? null : 'shadow-lg backdrop-blur-lg max-lg:shadow-sm'
)}
/>
<Button