styles

leanstacks · Oct 3, 2024 · bc484ad · bc484ad
1 parent 3127f14
commit bc484ad
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/pages/Users/components/UserDetail/AddressDetail.tsx b/src/pages/Users/components/UserDetail/AddressDetail.tsx
@@ -51,7 +51,7 @@ const AddressDetail = ({
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="1.5rem" />
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="10rem" />
         </HeaderRow>
-        <div>
+        <div className="ls-address-detail__content">
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
@@ -69,7 +69,7 @@ const AddressDetail = ({
           <Icon icon={IconName.MapLocationDot} />
           <div>Address</div>
         </HeaderRow>
-        <div className="ls-address-detail-content">
+        <div className="ls-address-detail__content">
           <div>{address.street}</div>
           <div>{address.suite}</div>
           <div>{address.city}</div>

diff --git a/src/pages/Users/components/UserDetail/CompanyDetail.tsx b/src/pages/Users/components/UserDetail/CompanyDetail.tsx
@@ -51,7 +51,7 @@ const CompanyDetail = ({
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="1.5rem" />
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="10rem" />
         </HeaderRow>
-        <div className="content">
+        <div className="ls-company-detail__content">
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
@@ -68,7 +68,7 @@ const CompanyDetail = ({
           <Icon icon={IconName.Building} />
           <div>Company</div>
         </HeaderRow>
-        <div className="ls-company-detail-content">
+        <div className="ls-company-detail__content">
           <div className="font-bold">{company.name}</div>
           <div>{company.catchPhrase}</div>
           <div>{company.bs}</div>

diff --git a/src/pages/Users/components/UserDetail/ContactInfo.scss b/src/pages/Users/components/UserDetail/ContactInfo.scss
@@ -4,8 +4,7 @@
       display: flex;
       align-items: center;
       flex-wrap: nowrap;
-      column-gap: 1rem;
-      row-gap: 0.25rem;
+      gap: 1rem;
     }
   }
 }