improve show page

TelosLabs · Aug 28, 2024 · 6af497c · 6af497c
1 parent da24721
commit 6af497c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/app/views/profiles/show.html.erb b/app/views/profiles/show.html.erb
@@ -4,7 +4,7 @@
 
 <div class="relative flex flex-col items-center justify-between flex-1 bg-grey-50">
   <div class="flex flex-col items-center bg-cover bg-bottom bg-no-repeat max-h-[430px] w-full pt-6 px-5 pb-12" style="background-image: url(<%= asset_path 'background_design.svg' %>)">
-    <div class="z-10 flex flex-col items-start max-w-screen-sm">
+    <div class="z-10 flex flex-col items-start w-full max-w-screen-sm">
       <div class="flex flex-row items-center">
         <% if @profile.image.attached? %>
           <div class="flex flex-col items-center justify-center relative w-[120px] bg-cover bg-no-repeat bg-center h-[120px] rounded-full" style="background-image: url(<%= url_for(@profile.image) %>)">
@@ -24,12 +24,12 @@
       <% if @profile.bio.present? %>
         <p class="mt-6 text-base"><%= @profile.bio %></p>
       <% end %>
-      <div class="flex flex-row items-center justify-center w-full gap-4">
+      <div class="flex flex-row items-center justify-between w-full gap-4">
         <%= link_to(
           @profile.github_url,
           target: "_blank",
           class: [
-            "flex flex-row grow items-center justify-center w-28 h-14 rounded-lg mt-6",
+            "flex flex-row grow items-center justify-center max-w-28 w-full h-14 rounded-lg mt-6",
             "bg-red": @profile.github_url.present?,
             "bg-grey-300 cursor-not-allowed": @profile.github_url.blank?
           ]
@@ -40,7 +40,7 @@
           @profile.twitter_url,
           target: "_blank",
           class: [
-            "flex flex-row grow items-center justify-center w-28 h-14 rounded-lg mt-6",
+            "flex flex-row grow items-center justify-center max-w-28 w-full h-14 rounded-lg mt-6",
             "bg-red": @profile.twitter_url.present?,
             "bg-grey-300 cursor-not-allowed": @profile.twitter_url.blank?
           ]
@@ -51,7 +51,7 @@
           @profile.linkedin_url,
           target: "_blank",
           class: [
-            "flex flex-row grow items-center justify-center w-28 h-14 rounded-lg mt-6",
+            "flex flex-row grow items-center justify-center max-w-28 w-full h-14 rounded-lg mt-6",
             "bg-red": @profile.linkedin_url.present?,
             "bg-grey-300 cursor-not-allowed": @profile.linkedin_url.blank?
           ]