File tree Expand file tree Collapse file tree 2 files changed +21
-31
lines changed
Expand file tree Collapse file tree 2 files changed +21
-31
lines changed Original file line number Diff line number Diff line change @@ -237,21 +237,18 @@ function ErrorBanner({
237237} ) {
238238 return (
239239 < div className = "output__error" >
240- < div className = "output__error--icon" >
241- < ErrorFilled />
242- </ div >
243- < div className = "output__error--content" >
244- < div className = "output__error--title" >
245- < span > { title } </ span >
246- {
247- actionLabel && < Link href = { actionUrl } onClick = { ( ) => onActionClick ( ) } >
240+ < div className = "output__error--title" >
241+ < span > { title } </ span >
242+ {
243+ actionLabel && < div className = "output__error--action" >
244+ < Link href = { actionUrl } onClick = { ( ) => onActionClick ( ) } >
248245 { actionLabel }
249246 </ Link >
250- }
251- </ div >
252- < div >
253- < span > { description } </ span >
254- </ div >
247+ </ div >
248+ }
249+ </ div >
250+ < div className = "output__error--content" >
251+ < span > { description } </ span >
255252 </ div >
256253 </ div >
257254 ) ;
Original file line number Diff line number Diff line change 156156
157157 .output__error {
158158 display : flex ;
159- flex-direction : row ;
159+ flex-direction : column ;
160160 gap : 12px ;
161161 padding : 12px ;
162162 margin-bottom : 12px ;
163163 border : 1px solid #da1e28 ;
164164 border-left-width : 3px ;
165165 background-color : #fff1f1 ;
166166
167- .output__error--content {
167+ .output__error--title {
168168 display : flex ;
169- flex-direction : column ;
170- gap : 6px ;
171- flex-grow : 1 ;
172- margin-top : 1px ;
173-
174- .output__error--title {
175- display : flex ;
176- justify-content : space-between ;
177- font-weight : bold ;
178-
179- .cds--link {
180- cursor : pointer ;
181- }
169+ flex-direction : row ;
170+ align-items : center ;
171+ font-weight : bold ;
172+
173+ svg {
174+ fill : #da1e28 ;
182175 }
183- }
184176
185- .output__error--icon svg {
186- fill : #da1e28 ;
177+ .output__error--action {
178+ margin-left : auto ;
179+ }
187180 }
188181 }
189182
You can’t perform that action at this time.
0 commit comments