included a breaking point to fix ui only where needed on xl screen

aragon · Jul 11, 2024 · c5b5db9 · c5b5db9
1 parent 744fcbb
commit c5b5db9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/containers/settings/versionInfoCard/index.tsx b/src/containers/settings/versionInfoCard/index.tsx
@@ -71,7 +71,7 @@ export const VersionInfoCard: React.FC<{
       <SettingsCard title={t('setting.versionInfo.title')}>
         <DescriptionPair>
           <Term>{t('setting.versionInfo.labelApp')}</Term>
-          <FlexibleDefinition className="max-w-60 truncate">
+          <FlexibleDefinition className="xl:max-w-60 truncate">
             <Link
               label={`Aragon App v${AppVersion}`}
               type="primary"
@@ -82,7 +82,7 @@ export const VersionInfoCard: React.FC<{
         </DescriptionPair>
         <DescriptionPair>
           <Term>{t('setting.versionInfo.labelOs')}</Term>
-          <FlexibleDefinition className="max-w-60 truncate">
+          <FlexibleDefinition className="xl:max-w-60 truncate">
             <Link
               label={
                 !isLoading ? `Aragon OSx v${versions?.join('.')}` : 'Loading...'
@@ -97,7 +97,7 @@ export const VersionInfoCard: React.FC<{
 
         <DescriptionPair className="border-none">
           <Term>{t('setting.versionInfo.labelGovernance')}</Term>
-          <FlexibleDefinition className="max-w-60 truncate">
+          <FlexibleDefinition className="xl:max-w-60 truncate">
             <Link
               label={`${pluginName} v${pluginVersion}`}
               description={shortenAddress(pluginAddress)}