Comments (11)
Or simple fix would be to just correct this type -mb-48 to mb-48.
from supabase.
Actually, looking at the other pages beyond Database and Auth, it looks like the website is not consistent with when the code blocks get cut off by the section divider, so your solution may be adequate.
from supabase.
Hi @pasimuno-ako - Thank you for opening, feel free to open a PR for a fix.
from supabase.
@Hallidayo @pasimuno-ako Hello ! Can I solve this issue ?
from supabase.
@H0onnn - of course! feel free to open a pull request.
from supabase.
I have fixed the issue and opened a new pull request
from supabase.
@akar016012 Your solution works but is not ideal because adding the mt-20
simply negates the -mb-48
from the section above.
The ideal solution is to either remove the add a new class to that element -mb-48
orsm:mb-0
because it seems the negative margin is still being used on smaller screens (based on other pages' designs), but on desktop, the height of the text next to the code block are taller, so they get cut off.
from supabase.
Or simple fix would be to just correct this type -mb-48 to mb-48.
No, because the negative margin is only used for small screens to achieve the effect of the code blocks being cut off by the next section's margin like this:
![Screenshot 2024-05-17 at 12 46 53 PM](https://private-user-images.githubusercontent.com/165913826/331715833-b64cd000-0629-4c72-9c45-b5b7cd1a059a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxODQwMzAsIm5iZiI6MTcxOTE4MzczMCwicGF0aCI6Ii8xNjU5MTM4MjYvMzMxNzE1ODMzLWI2NGNkMDAwLTA2MjktNGM3Mi05YzQ1LWI1YjdjZDFhMDU5YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyM1QyMzAyMTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mZTg0MjgwMjVhZmQ1YmZiMTkzMTQwMDhmYjIwYWZhMjY2OTM3YmMwOTgwYzE3NDUxOTY3MjI4NzllMGZjMzZmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.O9jTGfrbDVl3ovkwZd-F6VH8c7H9QQzNRgkxKlCMuVg)
Which are also done on other pages without issues like in the Database page:
![Screenshot 2024-05-17 at 12 49 01 PM](https://private-user-images.githubusercontent.com/165913826/331715894-92b24e9e-6cd7-4cdc-8fa7-a3a4be0a04e1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxODQwMzAsIm5iZiI6MTcxOTE4MzczMCwicGF0aCI6Ii8xNjU5MTM4MjYvMzMxNzE1ODk0LTkyYjI0ZTllLTZjZDctNGNkYy04ZmE3LWEzYTRiZTBhMDRlMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyM1QyMzAyMTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hODk1MmMzODcwOTM0OTJkZDExN2VlODQ0NGZjZDk5OWYwM2NhZmQyMzE2ZDRhZDJkZTI0ZWEwYzI1MWEyNWI4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.agUHAApm-tChFTzD1zcBqUPU8qKZMX1sH1jWkGLOSzc)
I updated my ideal solution recommendation in my previous comment above.
from supabase.
Yes, so I fixed the typos in two places and it makes the mobile view even better
from supabase.
Can i work on this issue ??
from supabase.
@Muhammad-Owais-Warsi This issue has already opened PR
from supabase.
Related Issues (20)
- bug: pagination input box not working properly
- Supabase Wrapper > Firebase problem HOT 2
- When update not allowed by RLS, it passes without errr message HOT 2
- Java - Supabase Functions Integration HOT 3
- Image not showing HOT 3
- WORKER_ERROR - Getting this error while calling supabase edge function from postman
- feat: Identify which email was verified during the two-step email update process HOT 1
- Self-Host: Storage Resumable TUS Upload to S3 throws AccessDenied HOT 1
- Confirmation Link Missing Port 8000 HOT 4
- Minor error in documentation for Prisma HOT 3
- Restoration of archived projects takes more than 12 hours HOT 1
- Docs snippet for confirm route assume redirect is a path instead of full URL HOT 1
- Email HOT 1
- Creating indexes on Supabase dashboard does not handle uppercase columns effectively
- BUG FOUND in TYPES GENERATED BY SUPABASE: " Type instantiation is excessively deep and possibly infinite. " HOT 2
- [Self-Hosting] The container db-1 not working with Podman HOT 4
- Cannot use safeupdate for the database nor the postgres user (session_preload_libraries) HOT 21
- Showing wrong storage data
- This button doesn't always send the "Magic Link" template
- UI: SQL editor IA assistant chat input box does not resize height on user input
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from supabase.