Improve Title Text Styling

v3xlabs · Nov 22, 2023 · a769617 · a769617
1 parent 7af8e1c
commit a769617
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/web/src/Profile.tsx b/web/src/Profile.tsx
@@ -177,15 +177,18 @@ export const Profile: FC<{ name: string }> = ({ name }) => {
 
  if (!data) return <div>Loading...</div>;
 
+ const name_split = name.split('.');
+ const first_half = name_split.length > 2 ? name_split[0] : name;
+ const second_half =
+ name_split.length > 2 ? name_split.slice(1).join('.') : undefined;
+
  return (
  <Layout>
  <div className="px-4">
- <span className="block font-bold text-3xl">
- {name.split('.')[0]}
- </span>
- <span className="block text-xl">
- .{name.split('.').slice(1).join('.')}
- </span>
+ <span className="block font-bold text-3xl">{first_half}</span>
+ {second_half && (
+ <span className="block text-xl">.{second_half}</span>
+ )}
  </div>
  <div className="relative flex flex-col items-center card">
  <div className="w-full">