fix some styles in profile pages

degencast · Mar 11, 2024 · ff4a619 · ff4a619
1 parent fbefdcc
commit ff4a619
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 12 deletions.
diff --git a/apps/u3/src/components/shared/select/FeedsFilter.tsx b/apps/u3/src/components/shared/select/FeedsFilter.tsx
@@ -21,7 +21,7 @@ export default function FeedsFilter({
       }}
       defaultValue={defaultValue}
     >
-      <SelectTrigger className="w-[180px] border-none rounded-[10px] bg-[#1B1E23] text-[#FFF] text-[14px] font-medium outline-none focus:outline-none focus:border-none">
+      <SelectTrigger className="border-none rounded-[10px] bg-[#1B1E23] text-[#FFF] text-[14px] font-medium outline-none focus:outline-none focus:border-none space-x-2">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"

diff --git a/apps/u3/src/components/shared/select/PlatformFilter.tsx b/apps/u3/src/components/shared/select/PlatformFilter.tsx
@@ -21,7 +21,7 @@ export default function PlatformFilter({
       }}
       defaultValue={defaultValue}
     >
-      <SelectTrigger className="w-[180px] border-none rounded-[10px] bg-[#1B1E23] text-[#FFF] text-[14px] font-medium outline-none focus:outline-none focus:border-none">
+      <SelectTrigger className="border-none rounded-[10px] bg-[#1B1E23] text-[#FFF] text-[14px] font-medium outline-none focus:outline-none focus:border-none space-x-2">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"

diff --git a/apps/u3/src/container/profile/Contacts.tsx b/apps/u3/src/container/profile/Contacts.tsx
@@ -69,7 +69,7 @@ export default function Contacts() {
         }}
       >
         <div className="flex items-center justify-between">
-          <TabsList className="flex gap-5 justify-start w-full bg-inherit">
+          <TabsList className="flex gap-5 justify-start bg-inherit">
             <TabsTrigger
               value={FollowType.FOLLOWING}
               className={cn(
@@ -87,15 +87,17 @@ export default function Contacts() {
               {`Followers(${followersPlatformCount[platform]})`}
             </TabsTrigger>
           </TabsList>
-          <PlatformFilter
-            defaultValue={platform}
-            onChange={(v) => {
-              setFollowNavData((prevData) => ({
-                ...prevData,
-                platform: v,
-              }));
-            }}
-          />
+          <div>
+            <PlatformFilter
+              defaultValue={platform}
+              onChange={(v) => {
+                setFollowNavData((prevData) => ({
+                  ...prevData,
+                  platform: v,
+                }));
+              }}
+            />
+          </div>
         </div>
         <TabsContent
           id="profile-contacts-following-warper"