feat(ui): add scope naming policy link (#942)

fix #900 + giving little bit more space between text and button because shadow of the button was to close to the text. <img width="1429" alt="Capture d’écran 2025-02-07 à 16 18 51" src="https://github.com/user-attachments/assets/4a560bdc-01f9-42aa-849f-13fd38f6be91" /> <img width="1429" alt="Capture d’écran 2025-02-07 à 16 18 56" src="https://github.com/user-attachments/assets/e135082c-af6b-4d88-9dad-d8037a56813f" />
jsr-io · Feb 10, 2025 · 9bc0ead · 9bc0ead
1 parent 1984de9
commit 9bc0ead
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/islands/new.tsx b/frontend/islands/new.tsx
@@ -87,7 +87,7 @@ export function ScopeSelect(
           locked={locked}
         />
         {!locked && (
-          <p>
+          <p class="mt-2">
             or{" "}
             <button
               class="inline link"
@@ -103,6 +103,12 @@ export function ScopeSelect(
           <a href="/account/settings" class="link">View quotas</a> or{" "}
           <a href="/account" class="link">manage your scopes</a>.
         </p>
+        <p class="text-jsr-gray-700 text-sm">
+          Before creating a new scope, please read the{" "}
+          <a href="/docs/usage-policy#scope-names" class="link">
+            scope naming policy
+          </a>.
+        </p>
       </>
     );
   }