mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
fix responsive day1 card
This commit is contained in:
Francisco Mazzoni committed
1 parent
8d457c80ee
commit
0db85f2199
6 files changed
+38
-23
No files matched your search
@@ -20,31 +20,16 @@
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Image Processing: Resize V2 + CDN",
|
||||
"shipped": true,
|
||||
"title": "Day 2",
|
||||
"shipped": false,
|
||||
"date": "13 Dec 2022",
|
||||
"description": "Image Processing",
|
||||
"description": "Day 2",
|
||||
"d": 2,
|
||||
"dd": "Tuesday",
|
||||
"youtube_id": "iqZlPtl_b-I",
|
||||
"blogpost": "https://supabase.com/blog",
|
||||
"docs": "https://supabase.com/docs",
|
||||
"steps": [
|
||||
{
|
||||
"title": "Image Processing",
|
||||
"blog": "/blog",
|
||||
"docs": "/docs",
|
||||
"isNew": true,
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"title": "CDN Caching",
|
||||
"description": "Faster asset delivery, now even faster.",
|
||||
"blog": "/blog",
|
||||
"docs": "/docs",
|
||||
"isNew": true
|
||||
}
|
||||
]
|
||||
"steps": []
|
||||
},
|
||||
{
|
||||
"title": "Day 3",
|
||||
|
||||
@@ -118,7 +118,7 @@ export default function launchweek() {
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
Blog post
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<IconExternalLink className="text-[#4cc38a] w-3 h-3" />
|
||||
<img src="/images/launchweek/icons-blogpost.svg" className="w-4 h-4"></img>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -126,7 +126,7 @@ export default function launchweek() {
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
Docs
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<IconExternalLink className="text-[#4cc38a] w-3 h-3" />
|
||||
<img src="/images/launchweek/icons-docs.svg" className="w-4 h-4"></img>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -274,9 +274,9 @@ export default function launchweek() {
|
||||
{day1.steps.length > 0 && (
|
||||
<div className="h-[400px] flex flex-col lg:flex-row">
|
||||
<div
|
||||
className={`flex flex-col flex-1 items-center lg:items-start justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_top_50px] lg:after:bg-[right_15%_top_60px] after:bg-[length:200px_100px] after:xl:bg-[length:528px_367px] after:bg-[url('/images/launchweek/docs-update-bg.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10`}
|
||||
className={`flex flex-col flex-1 items-center gap-5 lg:items-start lg:justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_bottom] lg:after:bg-[right_15%_top_100px] xl:after:bg-[right_15%_top_60px] after:bg-[length:300px_180px] after:lg:bg-[length:450px_300px] after:xl:bg-[length:528px_367px] after:bg-[url('/images/launchweek/docs-update-bg.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10`}
|
||||
>
|
||||
<div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start">
|
||||
<div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2">
|
||||
<span>{day1.description}</span>
|
||||
<Badge className="!bg-transparent h-fit ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#1f3738] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#1f3738]">
|
||||
Redesigned
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.61719 9.5H13.853" stroke="#4CC38A"/>
|
||||
<path d="M8.61719 11.5H12.0499M16.3823 11.5H14.9086" stroke="#4CC38A"/>
|
||||
<path d="M8.61719 13.5H10.7232M16.3823 13.5H12.6876" stroke="#4CC38A"/>
|
||||
<path d="M8.61719 15.5H16.3823" stroke="#4CC38A"/>
|
||||
<path d="M17.1318 6.52734H6.5V18.5273H18.5V7.58444" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M11.3093 12.1165L17.9267 5.4991L19.3409 6.91331L12.7235 13.5307L10.4571 14.3829L11.3093 12.1165Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 638 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.5 18.4995H17.4996V10.1008L13.8816 6.5H7.5V18.4995Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M13.8805 6.49966L17.4648 10.084L13.8805 10.084L13.8805 6.49966Z" fill="#1C1C1C" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M9.46094 11.9863H15.4609" stroke="#4CC38A"/>
|
||||
<path d="M9.46094 13.9863H15.4609" stroke="#4CC38A"/>
|
||||
<path d="M9.46094 15.9863H13.4609" stroke="#4CC38A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 598 B |
@@ -0,0 +1,8 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.11719 5H9.35303" stroke="#4CC38A"/>
|
||||
<path d="M4.11719 7H7.54995M11.8823 7H10.4086" stroke="#4CC38A"/>
|
||||
<path d="M4.11719 9H6.22324M11.8823 9H8.18765" stroke="#4CC38A"/>
|
||||
<path d="M4.11719 11H11.8823" stroke="#4CC38A"/>
|
||||
<path d="M12.6318 2.02734H2V14.0273H14V3.08444" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M6.8093 7.61649L13.4267 0.999099L14.8409 2.41331L8.22351 9.0307L5.95711 9.88289L6.8093 7.61649Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 618 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3 13.9995H12.9996V5.60079L9.38156 2H3V13.9995Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M9.38052 1.99966L12.9648 5.58398L9.38052 5.58398L9.38052 1.99966Z" fill="#1C1C1C" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
|
||||
<path d="M4.96094 7.48633H10.9609" stroke="#4CC38A"/>
|
||||
<path d="M4.96094 9.48633H10.9609" stroke="#4CC38A"/>
|
||||
<path d="M4.96094 11.4863H8.96094" stroke="#4CC38A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 594 B |
Reference in new issue
Block a user