btn syles copied to add key page
This commit is contained in:
		
					parent
					
						
							
								3772788ffe
							
						
					
				
			
			
				commit
				
					
						0a858f8aa7
					
				
			
		
					 5 changed files with 179 additions and 173 deletions
				
			
		
							
								
								
									
										2
									
								
								hosting/static/hosting/css/bootstrap.min.css
									
										
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								hosting/static/hosting/css/bootstrap.min.css
									
										
									
									
										vendored
									
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							|  | @ -1,9 +1,9 @@ | |||
| /* ssh_keys_choice */ | ||||
| .dashboard-choice-container h1 { | ||||
| .h1-thin { | ||||
|     font-family: Lato, sans-serif; | ||||
|     font-weight: 300; | ||||
| } | ||||
| .dashboard-choice-container .page-header { | ||||
| .dashboard-container .page-header { | ||||
|     border: 0; | ||||
|     margin-top: 0; | ||||
| } | ||||
|  | @ -54,14 +54,8 @@ | |||
| } | ||||
| 
 | ||||
| @media (max-width: 767px) { | ||||
|     .mob-only { | ||||
|         display: initial; | ||||
|     } | ||||
|     .pc-only { | ||||
|         display: none; | ||||
|     } | ||||
|     .dashboard-choice-container h1 { | ||||
|         font-size: 30px; | ||||
|     .h1-thin { | ||||
|         font-size: 27px; | ||||
|     } | ||||
|     .dashboard-choice-container h2 { | ||||
|         font-size: 20px; | ||||
|  | @ -178,6 +172,7 @@ | |||
| } | ||||
| .form_key_name{ | ||||
|     width:60%; | ||||
|     min-width: 215px; | ||||
| } | ||||
| .form_public_key{ | ||||
|     resize: none; | ||||
|  | @ -219,42 +214,51 @@ | |||
| } | ||||
| 
 | ||||
| .form_public_key::-webkit-input-placeholder{ | ||||
|     position: relative; | ||||
|     top: 80%; | ||||
|     position: absolute; | ||||
|     bottom: 5px; | ||||
|     font-size: 20px; | ||||
|     font-weight: 200; | ||||
|     font-family: 'Lato-Light', sans-serif; | ||||
| 
 | ||||
| } | ||||
| .form_public_key::-moz-input-placeholder{ | ||||
|     position: relative; | ||||
|     top: 80%; | ||||
|     position: absolute; | ||||
|     bottom: 5px; | ||||
|     font-size: 20px; | ||||
|     font-family: 'Lato-Light', sans-serif; | ||||
|     font-weight:200; | ||||
| 
 | ||||
| } | ||||
| .form_public_key:-moz-input-placeholder{ | ||||
|     position: relative; | ||||
|     top: 80%; | ||||
|     position: absolute; | ||||
|     bottom: 5px; | ||||
|     font-size: 20px; | ||||
|     font-weight:200; | ||||
|     font-family: 'Lato-Light', sans-serif; | ||||
| } | ||||
| .form_public_key:-ms-input-placeholder { | ||||
|     position: relative; | ||||
|     top: 80%; | ||||
|     position: absolute; | ||||
|     bottom: 5px; | ||||
|     font-size: 20px; | ||||
|     font-weight:200; | ||||
|     font-family: 'Lato-Light', sans-serif; | ||||
| } | ||||
| .underform-contaner{ | ||||
|     margin-bottom: 20px; | ||||
| } | ||||
| @media (min-width: 767px) { | ||||
|     .underform-contaner { | ||||
|         display: flex; | ||||
|         vertical-align: middle; | ||||
|         align-items: center; | ||||
|         justify-content: space-between; | ||||
|         flex-direction: row; | ||||
|     margin-bottom: 20px; | ||||
|     } | ||||
| } | ||||
| @media (max-width: 767px) { | ||||
|     .underform-contaner .btn-container { | ||||
|         text-align: right; | ||||
|     } | ||||
| } | ||||
| .underform-contaner h4{ | ||||
|     font-family: 'Lato-Light', sans-serif; | ||||
|  | @ -264,6 +268,7 @@ | |||
|     font-weight: 600; | ||||
|     min-width: 120px; | ||||
|     height: 35px; | ||||
|     margin-top: 0; | ||||
| } | ||||
| .underform-contaner .btn-default{ | ||||
|     background-color: #ccc; | ||||
|  | @ -299,3 +304,11 @@ | |||
| .mob-only { | ||||
|     display: none; | ||||
| } | ||||
| @media (max-width: 767px) { | ||||
|     .mob-only { | ||||
|         display: initial; | ||||
|     } | ||||
|     .pc-only { | ||||
|         display: none; | ||||
|     } | ||||
| } | ||||
|  | @ -5,7 +5,7 @@ | |||
| 	<div class="container virtual-machine-container dashboard-container dashboard-choice-container"> | ||||
| 		<div class="wide440"> | ||||
|             <div class="page-header"> | ||||
|                 <h1><i class="fa fa-key" aria-hidden="true"></i> {% trans "SSH Key"%}</h1> | ||||
|                 <h1 class="h1-thin"><i class="fa fa-key" aria-hidden="true"></i> {% trans "SSH Key"%}</h1> | ||||
|                 <p>{% trans "Choose a key option in order to access your VM" %}.</p> | ||||
|             </div> | ||||
|             {% if messages %} | ||||
|  |  | |||
|  | @ -4,11 +4,12 @@ | |||
| <div> | ||||
| 	<div class="virtual-machine-container dashboard-container"> | ||||
| 		<div class="row"> | ||||
| 			<div class="container-table col-md-9 col-md-offset-2"> | ||||
| 				 <div class="col-sm-12"> | ||||
| 			<div class="col-md-9 col-md-offset-2"> | ||||
|                 <form method="POST" action="" novalidate class="form-ssh"> | ||||
|                     {% csrf_token %} | ||||
| 				        <h3><i class="fa fa-key fa-separate" aria-hidden="true"></i>{% trans "Add your public SSH key" %}</h3> | ||||
|                     <div class="page-header"> | ||||
|                         <h1 class="h1-thin"><i class="fa fa-key" aria-hidden="true"></i> {% trans "Add your public SSH key" %}</h1> | ||||
|                     </div> | ||||
|                     {% if messages %} | ||||
|                         <div class="alert alert-warning"> | ||||
|                             {% for message in messages %} | ||||
|  | @ -22,34 +23,33 @@ | |||
|                     {% buttons %} | ||||
|                     <div class="underform-contaner"> | ||||
|                         <h4>{% trans "Use your created key to access to the VM" %}.</h4> | ||||
|                             <button type="submit" name='add_ssh' class="btn btn-success custom_form_button"> | ||||
|                                 {% trans "Add SSH key"%} | ||||
|                         <div class="btn-container"> | ||||
|                             <button type="submit" name="add_ssh" class="btn choice-btn"> | ||||
|                                 {% trans "Add SSH Key" %} | ||||
|                             </button> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                     <div class="underform-contaner"> | ||||
|                         <h4>{% trans "Or you can generate a new key pair"%}.</h4> | ||||
|                             <button type="submit" name='generate' class="btn btn-default custom_form_button">{% trans "Generate"%} | ||||
|                         <div class="btn-container"> | ||||
|                             <button type="submit" name="generate" class="btn choice-btn choice-btn-faded"> | ||||
|                                 {% trans "Generate" %} | ||||
|                             </button> | ||||
|                         </div> | ||||
| 
 | ||||
| 
 | ||||
|                     </div> | ||||
|                     {% endbuttons %} | ||||
|                 </form> | ||||
| 
 | ||||
| 		        {% if private_key %} | ||||
|     		 		<div class="alert alert-warning"> | ||||
| 
 | ||||
| 						<strong>{% trans "Warning!"%}</strong>{% trans "You can download your SSH  private key once. Don't loose your key" %} | ||||
|     				</div> | ||||
|     				<div class="form-group"> | ||||
|     				    <textarea class="form-control" rows="6" id="ssh_key" type="hidden" style="display:none">{{private_key}}</textarea> | ||||
|     				</div> | ||||
| 				{% endif %} | ||||
| 						<div class="clearfix"></div> | ||||
| 			</div> | ||||
| 	    </div> | ||||
| 
 | ||||
| 	    </div> | ||||
| 	</div> | ||||
| </div> | ||||
| 
 | ||||
|  |  | |||
|  | @ -3,9 +3,6 @@ | |||
| {% block content %} | ||||
| <div> | ||||
| 	<div class="container virtual-machine-container dashboard-container "> | ||||
| 		<div class="row"> | ||||
| 			<div class="col-md-12"> | ||||
| 				 <div  class="col-sm-12"> | ||||
|         <h2><i class="fa fa-key" aria-hidden="true"></i> {% trans "Your SSH Keys"%}</h2> | ||||
|         {% if messages %} | ||||
|         <div class="alert alert-warning"> | ||||
|  | @ -113,10 +110,6 @@ | |||
|                 {% endfor %} | ||||
|             </tbody> | ||||
|         </table> | ||||
| 					<div class="clearfix"></div> | ||||
| 				</div> | ||||
| 			</div> | ||||
| 	    </div> | ||||
| 	</div> | ||||
| </div> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue