mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-30 21:21:09 -04:00 
			
		
		
		
	refactor base modal styles
This commit is contained in:
		
							
								
								
									
										17
									
								
								resources/assets/sass/components/base-modal.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										17
									
								
								resources/assets/sass/components/base-modal.scss
									
									
									
									
										vendored
									
									
								
							| @ -55,14 +55,29 @@ | ||||
|  | ||||
|     .close-icon { | ||||
|         position: absolute; | ||||
|         padding: 6px 0 0 0; | ||||
|         padding: 6px; | ||||
|         top: 23px; | ||||
|         right: 15px; | ||||
|         display: flex; | ||||
|         justify-content: center; | ||||
|         align-content: center; | ||||
|         width: 20px; | ||||
|         cursor: pointer; | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
|  | ||||
| @media (max-width: $x-small-breakpoint) { | ||||
|     .base-modal { | ||||
|  | ||||
|         .modal-body { | ||||
|             height: 100%; | ||||
|             overflow: scroll; | ||||
|             border-radius: 0px; | ||||
|  | ||||
|         } | ||||
|  | ||||
|     } | ||||
| } | ||||
|  | ||||
|  | ||||
| @ -36,11 +36,16 @@ | ||||
| } | ||||
|  | ||||
|  | ||||
| @media(max-width: $x-small-breakpoint ) { | ||||
| @media (max-width: $x-small-breakpoint) { | ||||
|  | ||||
|     .base-modal { | ||||
|  | ||||
|         .customer-modal { | ||||
|             width: 100vw; | ||||
|  | ||||
|             .required { | ||||
|                 position: relative; | ||||
|             } | ||||
|  | ||||
|             .input-label { | ||||
|                 text-align: left; | ||||
| @ -50,4 +55,4 @@ | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
| } | ||||
|  | ||||
| @ -26,6 +26,7 @@ | ||||
|     .base-modal { | ||||
|  | ||||
|         .item-modal { | ||||
|             width: 100vw; | ||||
|  | ||||
|             .input-label { | ||||
|                 text-align: left; | ||||
| @ -35,4 +36,4 @@ | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
| } | ||||
|  | ||||
| @ -31,6 +31,7 @@ | ||||
|     .base-modal { | ||||
|  | ||||
|         .tax-type-modal { | ||||
|             width: 100vw; | ||||
|  | ||||
|             .input-label { | ||||
|                 text-align: left; | ||||
|  | ||||
| @ -38,3 +38,20 @@ | ||||
|         } | ||||
|     } | ||||
| } | ||||
|  | ||||
| @media (max-width: $x-small-breakpoint) { | ||||
|  | ||||
|     .base-modal { | ||||
|  | ||||
|         .template-modal { | ||||
|             width: 100vw; | ||||
|  | ||||
|             .template-container { | ||||
|                 justify-content: center; | ||||
|             } | ||||
|  | ||||
|         } | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
| @ -13,7 +13,7 @@ | ||||
|         position: fixed; | ||||
|         top: 0; | ||||
|         width: 300px; | ||||
|         z-index: 30; | ||||
|         z-index: 25; | ||||
|         background: #FFFFFF; | ||||
|     } | ||||
|  | ||||
|  | ||||
		Reference in New Issue
	
	Block a user