mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-31 13:41:09 -04:00 
			
		
		
		
	
		
			
				
	
	
		
			80 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			SCSS
		
	
	
	
		
			Vendored
		
	
	
	
			
		
		
	
	
			80 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			SCSS
		
	
	
	
		
			Vendored
		
	
	
	
| // Payments
 | |
| // -------------------------
 | |
| 
 | |
| @media(max-width: $x-small-breakpoint ) {
 | |
| 
 | |
|     .payments {
 | |
| 
 | |
|         .page-actions {
 | |
|             position: relative;
 | |
|             -webkit-transform: none;
 | |
|             -ms-transform: none;
 | |
|             -o-transform: none;
 | |
|             transform: none;
 | |
|             display: flex;
 | |
|             flex-wrap: wrap;
 | |
| 
 | |
|             button {
 | |
|                 margin-bottom: 10px;
 | |
|             }
 | |
| 
 | |
|         }
 | |
| 
 | |
|         .page-header {
 | |
|             margin-bottom: 5px;
 | |
|         }
 | |
| 
 | |
|         .table-actions {
 | |
|             margin-top: 0px !important;
 | |
|         }
 | |
| 
 | |
|     }
 | |
| }
 | |
| 
 | |
| .payment-create {
 | |
|     .header-button-container {
 | |
|         display: block;
 | |
|     }
 | |
| 
 | |
|     .collapse-button-container {
 | |
|         display: none;
 | |
| 
 | |
|         .collapse-button {
 | |
|             width: 100%;
 | |
|             display: flex;
 | |
|             justify-content: center;
 | |
|         }
 | |
| 
 | |
|     }
 | |
| }
 | |
| 
 | |
| @media(max-width: $x-small-breakpoint ) {
 | |
| 
 | |
|     .payment-create, .payment-index {
 | |
| 
 | |
|         .page-actions {
 | |
|             position: relative;
 | |
|             -webkit-transform: none;
 | |
|             -ms-transform: none;
 | |
|             -o-transform: none;
 | |
|             transform: none;
 | |
|             display: flex;
 | |
|             flex-wrap: wrap;
 | |
| 
 | |
|             button {
 | |
|                 margin-bottom: 10px;
 | |
|             }
 | |
| 
 | |
|         }
 | |
| 
 | |
|         .header-button-container {
 | |
|             display: none;
 | |
|         }
 | |
| 
 | |
|         .collapse-button-container {
 | |
|             display: block;
 | |
|         }
 | |
| 
 | |
|     }
 | |
| 
 | |
| } |