fix frontend responsive issues
This commit is contained in:
		
							parent
							
								
									6c87655ee6
								
							
						
					
					
						commit
						ed4ea2eb62
					
				| @ -17,14 +17,14 @@ | |||||||
| {% block content %} | {% block content %} | ||||||
|     <div class="container-fluid"> |     <div class="container-fluid"> | ||||||
|         <div class="row justify-content-md-center"> |         <div class="row justify-content-md-center"> | ||||||
|             <div class="col-lg-8 col-md-8 col-sm-6"> |             <div class="col-lg-8 col-md-10 col-sm-12"> | ||||||
|                 {% if user.is_authenticated %} |                 {% if user.is_authenticated %} | ||||||
|                     <table class="table table-striped table-hover"> |                     <table class="table table-striped table-hover"> | ||||||
|                         <tr> |                         <tr> | ||||||
|                             <th scope="col-3">Name</th> |                             <th scope="col-3">Name</th> | ||||||
|                             <th scope="col-3">Type</th> |                             <th scope="col-3">Type</th> | ||||||
|                             <th scope="col-3">Status</th> |                             <th scope="col-3">Status</th> | ||||||
|                             <th class="col-2"></th> |                             <th class="col-1"></th> | ||||||
|                             <th class="col-2"></th> |                             <th class="col-2"></th> | ||||||
|                         </tr> |                         </tr> | ||||||
|                         {% for deployment in page_obj %} |                         {% for deployment in page_obj %} | ||||||
| @ -34,19 +34,19 @@ | |||||||
|                                 <th name="status">{{ deployment.status }}</th> |                                 <th name="status">{{ deployment.status }}</th> | ||||||
|                                 <th> |                                 <th> | ||||||
|                                     <a href="{% url 'deployment-details' deployment.id %}"> |                                     <a href="{% url 'deployment-details' deployment.id %}"> | ||||||
|                                         <button class="btn btn-primary">Details</button> |                                         <button class="btn btn-primary btn-sm">Details</button> | ||||||
|                                     </a> |                                     </a> | ||||||
|                                 </th> |                                 </th> | ||||||
|                                 {% if deployment.status == "FAILED" or deployment.status == "READY" %} |                                 {% if deployment.status == "FAILED" or deployment.status == "READY" %} | ||||||
|                                     <th name="deploy"> |                                     <th name="deploy"> | ||||||
|                                         <form action="{% url 'deployment-launch' deployment.id %}?page={{ page_obj.number }}" method="post"> |                                         <form action="{% url 'deployment-launch' deployment.id %}?page={{ page_obj.number }}" method="post"> | ||||||
|                                             {% csrf_token %} |                                             {% csrf_token %} | ||||||
|                                             <button class="btn btn-success" type="submit">Deploy</button> |                                             <button class="btn btn-success btn-sm" type="submit">Deploy</button> | ||||||
|                                         </form> |                                         </form> | ||||||
|                                     </th> |                                     </th> | ||||||
|                                 {% elif deployment.status == "RUNNING" %} |                                 {% elif deployment.status == "RUNNING" %} | ||||||
|                                     <th name="deploy"> |                                     <th name="deploy"> | ||||||
|                                         <button class="btn btn-primary" type="button" disabled> |                                         <button class="btn btn-primary btn-sm" type="button" disabled> | ||||||
|                                             <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> |                                             <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> | ||||||
|                                             <span role="status">Deploying...</span> |                                             <span role="status">Deploying...</span> | ||||||
|                                         </button> |                                         </button> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user