🍱 Improved loading

ThijmenGThN · Oct 25, 2023 · e093302 · e093302
1 parent 5ee0ac7
commit e093302
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/[locale]/Builder.tsx b/app/[locale]/Builder.tsx
@@ -4,7 +4,7 @@ import * as shade from '@/helpers/shade'
 
 export default function Builder() {
     const [hex, setHex] = useState<string>('#6644ff')
-    const [palette, setPalette] = useState<Array<string>>([])
+    const [palette, setPalette] = useState<Array<string>>(['#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5'])
     const [object, setObject] = useState<string>('')
     const [copied, setCopied] = useState<boolean>(false)
 
@@ -87,7 +87,7 @@ export default function Builder() {
 
                             <div className="p-2 bg-white rounded-lg w-full ring-1 ring-inset ring-gray-900/10">
                                 <p className='font-semibold whitespace-pre-wrap' style={{ color: shade.contrast(hex, hex, '#000') }}>
-                                    {object}
+                                    {object || "#app, #main-content, body {\n  --primary-alt: #f0ecff !important;\n  --primary-10: #f0ecff !important;\n  --primary-25: #d9d0ff !important;\n  --primary-50: #b3a2ff !important;\n  --primary-75: #8c73ff !important;\n  --primary-90: #7557ff !important;\n\n  --primary: #6644ff !important;\n\n  --primary-110: #5c3de6 !important;\n  --primary-125: #4d33bf !important;\n  --primary-150: #332280 !important;\n  --primary-175: #1a1140 !important;\n  --primary-190: #0a071a !important;\n\n  --v-button-background-color: #6644ff !important;\n  --v-button-background-color-hover: #5c3de6 !important;\n  --sidebar-detail-color-active: #5c3de6 !important;\n}"}
                                 </p>
                             </div>
                         </div>

diff --git a/app/[locale]/Community.tsx b/app/[locale]/Community.tsx
@@ -33,7 +33,7 @@ export default function Community() {
                                     </p>
                                 </div>
 
-                                <ul role="list" className="grid grid-cols-1 gap-4 mt-6 sm:grid-cols-2">
+                                <ul role="list" className="grid grid-cols-1 gap-4 mt-6 sm:grid-cols-2 h-10">
                                     {contributors.map((person) => (
                                         <li key={person.login}>
                                             <a href={person.html_url} target='_blank' rel="noreferrer">
@@ -60,7 +60,7 @@ export default function Community() {
                                     </p>
                                 </div>
 
-                                <ul className="flex isolate -space-x-2 overflow-hidden mt-6">
+                                <ul className="flex isolate -space-x-2 overflow-hidden mt-6 h-8">
                                     {stargazers.slice(0, 8).map((person) => (
                                         <li key={person.login}>
                                             <a href={person.html_url} target="_blank" rel="noreferrer">