mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-11-04 06:23:17 -05: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;
 | 
						|
        }
 | 
						|
 | 
						|
    }
 | 
						|
 | 
						|
} |