| 
1 | 1 | <template>  | 
2 | 2 |   <div  | 
3 |  | -    class="grid grid-rows-[1fr_auto_auto_1fr] w-full max-w-3xl mx-auto h-[40rem] select-none"  | 
 | 3 | +    class="mx-auto grid h-[40rem] w-full max-w-3xl grid-rows-[1fr_auto_auto_1fr] select-none"  | 
4 | 4 |   >  | 
5 |  | -    <h2 class="font-inter font-bold text-3xl text-neutral-100 text-center">  | 
 | 5 | +    <h2 class="text-center font-inter text-3xl font-bold text-neutral-100">  | 
6 | 6 |       {{ $t('install.gpuPicker.title') }}  | 
7 | 7 |     </h2>  | 
8 | 8 | 
 
  | 
9 | 9 |     <!-- GPU Selection buttons - takes up remaining space and centers content -->  | 
10 |  | -    <div class="flex-1 flex gap-8 justify-center items-center">  | 
 | 10 | +    <div class="flex flex-1 items-center justify-center gap-8">  | 
11 | 11 |       <!-- Apple Metal / NVIDIA -->  | 
12 | 12 |       <HardwareOption  | 
13 | 13 |         v-if="platform === 'darwin'"  | 
14 |  | -        :image-path="'/assets/images/apple-mps-logo.png'"  | 
 | 14 | +        :image-path="'./assets/images/apple-mps-logo.png'"  | 
15 | 15 |         placeholder-text="Apple Metal"  | 
16 | 16 |         subtitle="Apple Metal"  | 
17 | 17 |         :value="'mps'"  | 
 | 
21 | 21 |       />  | 
22 | 22 |       <HardwareOption  | 
23 | 23 |         v-else  | 
24 |  | -        :image-path="'/assets/images/nvidia-logo-square.jpg'"  | 
 | 24 | +        :image-path="'./assets/images/nvidia-logo-square.jpg'"  | 
25 | 25 |         placeholder-text="NVIDIA"  | 
26 | 26 |         :subtitle="$t('install.gpuPicker.nvidiaSubtitle')"  | 
27 | 27 |         :value="'nvidia'"  | 
 | 
47 | 47 |       />  | 
48 | 48 |     </div>  | 
49 | 49 | 
 
  | 
50 |  | -    <div class="pt-12 px-24 h-16">  | 
 | 50 | +    <div class="h-16 px-24 pt-12">  | 
51 | 51 |       <div v-show="showRecommendedBadge" class="flex items-center gap-2">  | 
52 | 52 |         <Tag  | 
53 | 53 |           :value="$t('install.gpuPicker.recommended')"  | 
54 |  | -          class="bg-neutral-300 text-neutral-900 rounded-full text-sm font-bold px-2 py-[1px]"  | 
 | 54 | +          class="rounded-full bg-neutral-300 px-2 py-[1px] text-sm font-bold text-neutral-900"  | 
55 | 55 |         />  | 
56 |  | -        <i class="icon-[lucide--badge-check] text-neutral-300 text-lg" />  | 
 | 56 | +        <i class="icon-[lucide--badge-check] text-lg text-neutral-300" />  | 
57 | 57 |       </div>  | 
58 | 58 |     </div>  | 
59 | 59 | 
 
  | 
60 |  | -    <div class="text-neutral-300 px-24">  | 
 | 60 | +    <div class="px-24 text-neutral-300">  | 
61 | 61 |       <p v-show="descriptionText" class="leading-relaxed">  | 
62 | 62 |         {{ descriptionText }}  | 
63 | 63 |       </p>  | 
 | 
0 commit comments