Skip to content

Commit e0f3874

Browse files
zcesurzcesur
committed
misc
1 parent bdef850 commit e0f3874

File tree

1 file changed

+22
-28
lines changed

1 file changed

+22
-28
lines changed

‎lib/algora_web/live/org/job_live.ex‎

Lines changed: 22 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ defmodule AlgoraWeb.Org.JobLive do
22
@moduledoc false
33
use AlgoraWeb, :live_view
44

5-
alias Algora.Accounts
65
alias Algora.Accounts.User
76
alias Algora.Jobs
87
alias Algora.Settings
@@ -118,7 +117,7 @@ defmodule AlgoraWeb.Org.JobLive do
118117
</div>
119118
</div>
120119
</div>
121-
<div class="flex flex-col items-center">
120+
<div class="hidden md:flex flex-col items-center">
122121
<h3 class="text-lg font-semibold">
123122
Share on socials
124123
</h3>
@@ -243,7 +242,7 @@ defmodule AlgoraWeb.Org.JobLive do
243242
</.card>
244243
<% else %>
245244
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
246-
<%= for {application, index} <- Enum.with_index(@imports) do %>
245+
<%= for application <- @imports do %>
247246
<div>
248247
<.developer_card
249248
tech_stack={@job.tech_stack |> Enum.take(1)}
@@ -289,12 +288,12 @@ defmodule AlgoraWeb.Org.JobLive do
289288
</div>
290289
<% end %>
291290
<%= if @current_org.hiring_subscription != :active do %>
292-
<div class="relative col-span-3">
291+
<div class="relative lg:col-span-3">
293292
<img
294293
src={~p"/images/screenshots/job-matches-more.png"}
295294
class="w-full aspect-[1368/398]"
296295
/>
297-
<div class="absolute inset-0 flex items-center font-bold text-foreground justify-center text-4xl">
296+
<div class="absolute inset-0 flex items-center font-bold text-foreground justify-center text-3xl md:text-4xl">
298297
+ {length(@matches) - 3} more matches
299298
</div>
300299
</div>
@@ -314,46 +313,41 @@ defmodule AlgoraWeb.Org.JobLive do
314313
<span class="text-success-300 drop-shadow-[0_1px_5px_#34d39980]">Activate</span>
315314
Annual Subscription
316315
</h3>
317-
<ul class="space-y-3 mt-4 text-base">
318-
<li class="flex items-center gap-2">
319-
<div class="flex items-center justify-center rounded-full bg-success-300/10 size-8 border border-success-300/20">
320-
<.icon name="tabler-speakerphone" class="h-5 w-5 text-success-300" />
316+
<ul class="mt-4 text-base grid grid-cols-1 gap-3">
317+
<li class="flex items-center gap-4 md:gap-3">
318+
<div class="shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-12 md:size-10 border border-success-300/20">
319+
<.icon name="tabler-speakerphone" class="size-8 md:size-6 text-success-300" />
321320
</div>
322321
<span>
323322
<span class="font-semibold text-success-300">Reach 50K+ devs</span>
324-
with unlimited job postings
323+
<br class="md:hidden" /> with unlimited job postings
325324
</span>
326325
</li>
327-
<li class="flex items-center gap-2">
328-
<div class="flex items-center justify-center rounded-full bg-success-300/10 size-8 border border-success-300/20">
329-
<.icon name="tabler-lock-open" class="h-5 w-5 text-success-300" />
326+
<li class="flex items-center gap-4 md:gap-3">
327+
<div class="shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-12 md:size-10 border border-success-300/20">
328+
<.icon name="tabler-lock-open" class="size-8 md:size-6 text-success-300" />
330329
</div>
331330
<span>
332331
<span class="font-semibold text-success-300">Access top 1% users</span>
333-
matching your preferences
332+
<br class="md:hidden" /> matching your preferences
334333
</span>
335334
</li>
336-
<li class="flex items-center gap-2">
337-
<div class="flex items-center justify-center rounded-full bg-success-300/10 size-8 border border-success-300/20">
338-
<.icon name="tabler-wand" class="h-5 w-5 text-success-300" />
335+
<li class="flex items-center gap-4 md:gap-3">
336+
<div class="shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-12 md:size-10 border border-success-300/20">
337+
<.icon name="tabler-wand" class="size-8 md:size-6 text-success-300" />
339338
</div>
340339
<span>
341-
<%!-- <span class="font-semibold">Screen and rank applicants on auto-pilot</span> --%>
342-
<span class="font-semibold text-success-300">
343-
Auto-rank applicants
344-
</span>
345-
for {if tech =
346-
List.first(@job.tech_stack),
347-
do: String.capitalize(tech)} OSS contribution history
340+
<span class="font-semibold text-success-300">Auto-rank applicants</span>
341+
<br class="md:hidden" /> for OSS contribution history
348342
</span>
349343
</li>
350-
<li class="flex items-center gap-2">
351-
<div class="flex items-center justify-center rounded-full bg-success-300/10 size-8 border border-success-300/20">
352-
<.icon name="tabler-currency-dollar" class="h-5 w-5 text-success-300" />
344+
<li class="flex items-center gap-4 md:gap-3">
345+
<div class="shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-12 md:size-10 border border-success-300/20">
346+
<.icon name="tabler-currency-dollar" class="size-8 md:size-6 text-success-300" />
353347
</div>
354348
<span>
355349
<span class="font-semibold text-success-300">Trial top candidates</span>
356-
using contracts and bounties
350+
<br class="md:hidden" /> using contracts and bounties
357351
</span>
358352
</li>
359353
</ul>

0 commit comments

Comments
 (0)