feat: increase modal and view changes component widths for improved layout

This commit is contained in:
Sam Chau
2025-01-11 03:31:06 +10:30
parent 508ce9e929
commit b1338c5bed
2 changed files with 9 additions and 3 deletions

View File

@@ -25,7 +25,7 @@ const ViewChanges = ({isOpen, onClose, change, isIncoming}) => {
isOpen={isOpen}
onClose={onClose}
title={titleContent}
width='7xl'>
width='10xl'>
<div className='space-y-4'>
{/* If there's a commit message, show it */}
{change.commit_message && (
@@ -36,10 +36,10 @@ const ViewChanges = ({isOpen, onClose, change, isIncoming}) => {
<table className='min-w-full'>
<thead className='bg-gray-800 border-b border-gray-700'>
<tr>
<th className='py-3 px-4 text-left text-gray-400 font-medium w-1/6'>
<th className='py-3 px-4 text-left text-gray-400 font-medium w-1/8'>
Change
</th>
<th className='py-3 px-4 text-left text-gray-400 font-medium w-1/6'>
<th className='py-3 px-4 text-left text-gray-400 font-medium w-2/8'>
Key
</th>
<th className='py-3 px-4 text-left text-gray-400 font-medium w-2/6'>

View File

@@ -60,6 +60,9 @@ const Modal = ({
'5xl': 'w-[1024px]',
'6xl': 'w-[1152px]',
'7xl': 'w-[1280px]',
'8xl': 'w-[1408px]',
'9xl': 'w-[1536px]',
'10xl': 'w-[1664px]',
full: 'w-full',
'screen-sm': 'w-screen-sm',
'screen-md': 'w-screen-md',
@@ -187,6 +190,9 @@ Modal.propTypes = {
'5xl',
'6xl',
'7xl',
'8xl',
'9xl',
'10xl',
'full',
'screen-sm',
'screen-md',