diff --git a/apps/design-system/content/docs/icons.mdx b/apps/design-system/content/docs/icons.mdx index e3d259cb7f34b..f9df03365a43f 100644 --- a/apps/design-system/content/docs/icons.mdx +++ b/apps/design-system/content/docs/icons.mdx @@ -1,6 +1,24 @@ --- title: Icons -description: Icons system breakdown. Copy values of Icons. +description: Icons make actions and navigation across Supabase easier. --- +## Principles + +1. Paired: Icons should accompany text, as they aren’t often obvious enough on their own. +2. Clear: Icons should be legible at small sizes and unembellished. Let the text do the heavy lifting. +3. Consistent: Use the same icons for similar actions throughout Supabase. This makes the app easier to use. + +## Tints + +Destructive actions, such as deleting an API key, don’t need to be [tinted](color-usage#text) with `text-destructive` because there should be a confirmation dialog as a failsafe right after. + +## UI Icons + +We rely on Lucide icons for most of our UI icons. + +## Custom Icons + +Tap on an icon below to copy the JSX, SVG, or import path. + diff --git a/apps/docs/content/guides/storage/buckets/creating-buckets.mdx b/apps/docs/content/guides/storage/buckets/creating-buckets.mdx index 2dff4d0d54030..b466ec48cbf3c 100644 --- a/apps/docs/content/guides/storage/buckets/creating-buckets.mdx +++ b/apps/docs/content/guides/storage/buckets/creating-buckets.mdx @@ -96,9 +96,8 @@ supabase.storage.create_bucket( ## Restricting uploads When creating a bucket you can add additional configurations to restrict the type or size of files you want this bucket to contain. -For example, imagine you want to allow your users to upload only images to the `avatars` bucket and the size must not be greater than 1MB. -You can achieve the following by providing: `allowedMimeTypes` and `maxFileSize` +For example, imagine you want to allow your users to upload only images to the `avatars` bucket and the size must not be greater than 1MB. You can achieve the following by providing `allowedMimeTypes` and `maxFileSize`: ```js import { createClient } from '@supabase/supabase-js' @@ -114,6 +113,4 @@ const { data, error } = await supabase.storage.createBucket('avatars', { }) ``` -If an upload request doesn't meet the above restrictions it will be rejected. - -For more information check [File Limits](/docs/guides/storage/uploads/file-limits) Section. +If an upload request doesn't meet the above restrictions it will be rejected. See [File Limits](/docs/guides/storage/uploads/file-limits) for more information. diff --git a/apps/docs/content/guides/storage/uploads/file-limits.mdx b/apps/docs/content/guides/storage/uploads/file-limits.mdx index 870b580121f76..d4e2abb8ff61d 100644 --- a/apps/docs/content/guides/storage/uploads/file-limits.mdx +++ b/apps/docs/content/guides/storage/uploads/file-limits.mdx @@ -8,7 +8,7 @@ sidebar_label: 'Limits' ## Global file size -You can set the max file size across all your buckets by setting this global value in the dashboard [here](https://supabase.com/dashboard/project/_/storage/settings). For Free projects, the limit can't exceed 50 MB. On the Pro Plan and up, you can set this value to up to 500 GB. If you need more than 500 GB, [contact us](https://supabase.com/dashboard/support/new). +You can set the maximum file size across all your buckets by setting the _Global file size limit_ value in your [Storage Settings](https://supabase.com/dashboard/project/_/storage/settings). For Free projects, the limit can't exceed 50 MB. On the Pro Plan and up, you can set this value to up to 500 GB. If you need more than 500 GB, [contact us](https://supabase.com/dashboard/support/new). | Plan | Max File Size Limit | | ---------- | ------------------- | @@ -23,8 +23,8 @@ This option is a global limit, which applies to all your buckets. -Additionally, you can specify the max file size on a per [bucket level](/docs/guides/storage/buckets/creating-buckets#restricting-uploads) but it can't be higher than this global limit. As a good practice, the global limit should be set to the highest possible file size that your application accepts, and apply per bucket limits. +Additionally, you can specify the maximum file size on a per [bucket level](/docs/guides/storage/buckets/creating-buckets#restricting-uploads) but it can't be higher than this global limit. As a good practice, the global limit should be set to the highest possible file size that your application accepts, with smaller per-bucket limits set as needed. ## Per bucket restrictions -You can have different restrictions on a per bucket level such as restricting the file types (e.g. `pdf`, `images`, `videos`) or the max file size, which should be lower than the global limit. To apply these limit on a bucket level see [Creating Buckets](/docs/guides/storage/buckets/creating-buckets#restricting-uploads). +You can have different restrictions on a per bucket level such as restricting the file types (e.g. `pdf`, `images`, `videos`) or the maximum file size, which should be lower than the global limit. To apply these limit on a bucket level see [Creating Buckets](/docs/guides/storage/buckets/creating-buckets#restricting-uploads). diff --git a/apps/docs/content/troubleshooting/upload-file-size-restrictions-Y4wQLT.mdx b/apps/docs/content/troubleshooting/upload-file-size-restrictions-Y4wQLT.mdx index a490cbac3d550..b783591c0b362 100644 --- a/apps/docs/content/troubleshooting/upload-file-size-restrictions-Y4wQLT.mdx +++ b/apps/docs/content/troubleshooting/upload-file-size-restrictions-Y4wQLT.mdx @@ -1,42 +1,40 @@ --- title = "Upload file size restrictions" github_url = "https://github.com/orgs/supabase/discussions/27431" -date_created = "2024-06-20T23:15:48+00:00" +date_created = "2025-09-03T23:15:48+00:00" topics = [ "storage" ] keywords = [ "upload", "file", "size", "restriction" ] database_id = "3b0aa0f2-9608-4691-94d6-4fca8a32130e" --- -You can view the max permissible upload size for your plan in the [docs](https://supabase.com/docs/guides/storage/uploads/file-limits). +You can view the maximum file upload size from the [docs](https://supabase.com/docs/guides/storage/uploads/file-limits). It differs based on your plan and on any bucket or global limits you might have already set. -## There are two ways to control the max upload sizes: +## Edit the maximum file upload size -The first way is through the [global storage settings](https://supabase.com/dashboard/project/_/storage/settings): +There are two ways to edit the maximum file upload size: -Screenshot 2024-06-20 at 7 06 57 PM +- Global file upload size limit +- Bucket-level file upload size limit -The second way is at the [bucket level](https://supabase.com/dashboard/project/_/storage/buckets/) +### Global file upload size limit -1. Edit a bucket's configurations: +To edit the global file upload size limit, change the value of _Global file size limit_ in the top section of [Storage Settings](https://supabase.com/dashboard/project/_/storage/settings). - Screenshot 2024-06-20 at 7 07 48 PM +If they are set higher than your new global limit, you’ll be asked to edit or remove any existing bucket-level limits first. The global limit takes precedence. -2. Change the file upload restriction if set: - Screenshot 2024-06-20 at 7 07 56 PM +### Bucket-level file upload size limit -## Different upload methods impose file size restrictions: +Follow these steps to edit the maximum file upload size at the bucket level: -- [Standard uploads can only transfer up to 5GBs](https://supabase.com/docs/guides/storage/uploads/standard-uploads?queryGroups=language&language=js). However, for files above 6MB, the below methods are more performant and reliable +1. Open a bucket in the [Storage Buckets](https://supabase.com/dashboard/project/_/storage/buckets/) page. +2. Select the overflow menu (three vertical dots icon), and then select _Edit bucket_. +3. Enable _Restrict file size_ and then set the file size limit for that bucket. + +You won’t be able to set a limit that is greater than the global file upload size limit, as that takes precedence. + +## File size restrictions + +Upload methods impose differing file size restrictions: + +- [Standard uploads can only transfer up to 5 GBs](https://supabase.com/docs/guides/storage/uploads/standard-uploads?queryGroups=language&language=js). However, for files above 6MB, the below methods are more performant and reliable. - [Resumable](https://supabase.com/docs/guides/storage/uploads/resumable-uploads) and [S3](https://supabase.com/docs/guides/storage/uploads/resumable-uploads) uploads can support transfers up to 50GB in size. diff --git a/apps/studio/components/interfaces/APIKeys/APIKeyDeleteDialog.tsx b/apps/studio/components/interfaces/APIKeys/APIKeyDeleteDialog.tsx index f646d50246837..7ab3876edeb65 100644 --- a/apps/studio/components/interfaces/APIKeys/APIKeyDeleteDialog.tsx +++ b/apps/studio/components/interfaces/APIKeys/APIKeyDeleteDialog.tsx @@ -56,7 +56,7 @@ export const APIKeyDeleteDialog = ({ apiKey, lastSeen }: APIKeyDeleteDialogProps }, }} > - Delete API key + Delete API key - -
- {isSecret ? ( - <> - {apiKey?.api_key.slice(0, 15)} - - {show && data?.api_key ? data?.api_key.slice(15) : '••••••••••••••••'} - - - ) : ( - {apiKey?.api_key} - )} -
- - - {/* Reveal button - only shown for secret keys and when not already revealed */} +
+ {isSecret ? ( + <> + {apiKey?.api_key.slice(0, 15)} + {show && data?.api_key ? data?.api_key.slice(15) : '••••••••••••••••'} + + ) : ( + {apiKey?.api_key} + )} +
+ + {/* Toggle button */} {isSecret && ( - - {!show && ( - - - -