chore: made mobile responsive 5f4de11b
Steve · 2026-01-25 17:14 3 file(s) · +8 −9
src/routes/+page.svelte +2 −2
5 5 
</script>
6 6 

            

            
            

                7
                7
                 
                
<div class="bg-[#121113] min-h-screen text-white">

            

            
            

                8
                
                -
                
  <div class="fixed bg-[#121113] w-full py-4 px-8">

            

            
            

                
                8
                +
                
  <div class="fixed bg-[#121113] w-full py-4 sm:px-8 px-4">

            

            
            

                9
                9
                 
                
    <h1 class="text-sm">steve.photo</h1>

            

            
            

                10
                10
                 
                
  </div>

            

            
            

                11
                11
                 
                

            

            
            

                12
                12
                 
                
  {#snippet figure(image: ImageItem)}

            

            
            

                13
                
                -
                
  <div class="flex gap-2 px-8 pt-2">

            

            
            

                
                13
                +
                
  <div class="flex sm:flex-row flex-col gap-2 sm:px-8 px-4 pt-2">

            

            
            

                14
                14
                 
                
    <a href="/photo/{image.slug}" class="flex-2 min-w-0">

            

            
            

                15
                15
                 
                
     	<img class="max-w-full h-auto block" src={image.image} alt={image.title} />

            

            
            

                16
                16
                 
                
    </a>

            

            
        
        
    

    





    

        src/routes/admin/+page.svelte
        +4 −5
    

    
    

        
        
            
            
            

                155
                155
                 
                
</script>

            

            
            

                156
                156
                 
                

            

            
            

                157
                157
                 
                
<svelte:head>

            

            
            

                158
                
                -
                
	<title>Admin - Upload Photo</title>

            

            
            

                
                158
                +
                
	<title>Admin</title>

            

            
            

                159
                159
                 
                
</svelte:head>

            

            
            

                160
                160
                 
                

            

            
            

                
                161
                +
                

            

            
            

                
                162
                +
                

            

            
            

                161
                163
                 
                
<div class="min-h-screen p-4 md:p-8">

            

            
            

                162
                164
                 
                
	<div class="max-w-4xl mx-auto space-y-4">

            

            
            

                163
                165
                 
                
		<div class="flex items-center justify-between mb-8">

            

            
            

                164
                
                -
                
			<h1 class="text-2xl font-bold">Admin</h1>

            

            
            

                
                166
                +
                
			<a href="/" class="hover:text-white transition-colors text-sm text-zinc-400">&larr; Back to gallery</a>

            

            
            

                165
                167
                 
                
			<a

            

            
            

                166
                168
                 
                
				href="/api/logout"

            

            
            

                167
                169
                 
                
				class="text-sm text-zinc-400 hover:text-white transition-colors"

            

            
        
            

            
            

                377
                379
                 
                
		{/if}

            

            
            

                378
                380
                 
                

            

            
            

                379
                381
                 
                

            

            
            

                380
                
                -
                
		<p class="mt-8 text-center text-sm text-zinc-500">

            

            
            

                381
                
                -
                
			<a href="/" class="hover:text-white transition-colors">&larr; Back to gallery</a>

            

            
            

                382
                
                -
                
		</p>

            

            
            

                383
                382
                 
                
	</div>

            

            
            

                384
                383
                 
                
</div>

            

            
        
        
    

    





    

        src/routes/photo/[slug]/+page.svelte
        +2 −2
    

    
    

        
        
            
            
            

                4
                4
                 
                
</script>

            

            
            

                5
                5
                 
                

            

            
            

                6
                6
                 
                
<div class="bg-[#121113] min-h-screen text-white flex flex-col gap-4 pb-4">

            

            
            

                7
                
                -
                
	<div class="fixed bg-[#121113] w-full py-4 px-8">

            

            
            

                
                7
                +
                
	<div class="fixed bg-[#121113] w-full py-4 sm:px-8 px-4">

            

            
            

                8
                8
                 
                
		<a href="/" class="text-sm hover:underline">steve.photo (go back)</a>

            

            
            

                9
                9
                 
                
	</div>

            

            
            

                10
                10
                 
                

            

            
            

                11
                
                -
                
	<div class="flex gap-2 px-8 pt-16">

            

            
            

                
                11
                +
                
	<div class="flex sm:flex-row flex-col gap-2 sm:px-8 px-4 pt-16">

            

            
            

                12
                12
                 
                
		<div class="flex-6 min-w-0">

            

            
            

                13
                13
                 
                
			<img class="max-w-full h-auto block" src={data.photo.image} alt={data.photo.title} />

            

            
            

                14
                14
                 
                
		</div>