Changed ssh keys design(+ mobile ver.)
This commit is contained in:
		
					parent
					
						
							
								b96d13772e
							
						
					
				
			
			
				commit
				
					
						f49d6b398f
					
				
			
		
					 2 changed files with 39 additions and 2 deletions
				
			
		| 
						 | 
				
			
			@ -20,6 +20,7 @@
 | 
			
		|||
    color: #717274;
 | 
			
		||||
    font-size: 16px;
 | 
			
		||||
    font-weight: 300;
 | 
			
		||||
    text-align: justify;
 | 
			
		||||
}
 | 
			
		||||
.ssh-header-container{
 | 
			
		||||
    display: flex;
 | 
			
		||||
| 
						 | 
				
			
			@ -28,6 +29,7 @@
 | 
			
		|||
    align-items: center;
 | 
			
		||||
    justify-content: space-between;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.ssh-header-container p{
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
| 
						 | 
				
			
			@ -52,7 +54,41 @@
 | 
			
		|||
    text-decoration: none;
 | 
			
		||||
}
 | 
			
		||||
.modal-body p{
 | 
			
		||||
    width: 85%;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    word-wrap: break-word;
 | 
			
		||||
    text-align: left;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (max-width: 768px) {
 | 
			
		||||
    .ssh-header-container{
 | 
			
		||||
        flex-direction: column-reverse;
 | 
			
		||||
        align-items: flex-start;
 | 
			
		||||
    }
 | 
			
		||||
    .btn-custom-delete{
 | 
			
		||||
    width: auto;
 | 
			
		||||
    }
 | 
			
		||||
    .dashboard-container {
 | 
			
		||||
     width: 100% !important;
 | 
			
		||||
    }
 | 
			
		||||
    .row {
 | 
			
		||||
     margin-right: 0;
 | 
			
		||||
     margin-left: 0;
 | 
			
		||||
    }
 | 
			
		||||
    .col-md-12, .col-sm-12{
 | 
			
		||||
        padding-left: 5px;
 | 
			
		||||
        padding-right: 5px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
@media screen and (max-width: 360px){
 | 
			
		||||
    .content-dashboard {
 | 
			
		||||
        width: 100% !important;
 | 
			
		||||
    }
 | 
			
		||||
    .container {
 | 
			
		||||
        padding-right: 5px;
 | 
			
		||||
        padding-left: 5px;
 | 
			
		||||
    }
 | 
			
		||||
    .col-md-12, .col-sm-12{
 | 
			
		||||
        padding-left: 0;
 | 
			
		||||
        padding-right: 0;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -87,9 +87,10 @@
 | 
			
		|||
                                                            aria-label="Confirm"><span
 | 
			
		||||
                                                            aria-hidden="true">×</span>
 | 
			
		||||
                                                    </button>
 | 
			
		||||
                                                    <h4 class="modal-title" id="ModalLabel_Public_Key">{% trans "Public ssh key"%}</h4>
 | 
			
		||||
 | 
			
		||||
                                                </div>
 | 
			
		||||
                                                <div class="modal-body">
 | 
			
		||||
                                                    <h4 class="modal-title" id="ModalLabel_Public_Key">{% trans "Public ssh key"%}</h4>
 | 
			
		||||
                                                    <p>{{ user_key.public_key }}</p>
 | 
			
		||||
                                                    <div class="modal-footer">
 | 
			
		||||
                                                        <button type="button" class="btn btn-default"
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue