Fixed css
This commit is contained in:
parent
4991595995
commit
1bab668b98
1
static/save.svg
Normal file
1
static/save.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-save"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
|
||||
|
After Width: | Height: | Size: 392 B |
@ -2,58 +2,67 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<!-- CSS Reset -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
|
||||
|
||||
<!-- Milligram CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css">
|
||||
|
||||
<style>
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
td {
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin-left: 10px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.centered-cell {
|
||||
text-align: center; /* Center the content horizontally within the cell */
|
||||
}
|
||||
|
||||
/* Responsive styles */
|
||||
@media only screen and (max-width: 600px) {
|
||||
table {
|
||||
border: 0;
|
||||
}
|
||||
.inputContainer {
|
||||
display: inline-block; /* Display as an inline block */
|
||||
vertical-align: middle; /* Center vertically within the cell */
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
table caption {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.inputContainer form {
|
||||
margin: 5% auto 5% auto;
|
||||
}
|
||||
|
||||
table thead {
|
||||
display: none;
|
||||
}
|
||||
.inputField {
|
||||
display: flex;
|
||||
align-items: center; /* Align items vertically */
|
||||
width: 100%; /* Ensure inputField fills out inputContainer */
|
||||
height: 100%; /* Ensure inputField fills out inputContainer */
|
||||
}
|
||||
.inputField input {
|
||||
flex: 1;
|
||||
width: 70%;
|
||||
padding: 0px;
|
||||
margin: auto 2.5px auto 2.5px;
|
||||
}
|
||||
.inputField button {
|
||||
width: 30%;
|
||||
padding: 0px;
|
||||
margin: 0 2.5px 0 2.5px;
|
||||
}
|
||||
|
||||
table tr {
|
||||
border-bottom: 3px solid #ddd;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.square-button {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
table td {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
table td::before {
|
||||
content: attr(data-label);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
td img{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
@ -5,13 +5,11 @@
|
||||
<table id="data" class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>img</th>
|
||||
<th>element_id</th>
|
||||
<th>part_num</th>
|
||||
<th>name</th>
|
||||
<th>color.id</th>
|
||||
<th>color</th>
|
||||
<th>qty</th>
|
||||
<th></th>
|
||||
<th>ID</th>
|
||||
<th>Name</th>
|
||||
<th>Color</th>
|
||||
<th>Qty</th>
|
||||
{% for i in json_file['unit'] %}
|
||||
<th>Missing ({{ loop.index }})</th>
|
||||
{% endfor %}
|
||||
@ -26,15 +24,14 @@
|
||||
{% else %}
|
||||
<td><img src="{{ '/static/parts/' + brick.element_id + '.jpg' }}" style="height: 50px; width: auto;"></td>
|
||||
{% endif %}
|
||||
<td>{{ brick.element_id }}</td>
|
||||
<td>{{ brick.part.part_num }}</td>
|
||||
<td>{{ brick.part.name }}</td>
|
||||
<td>{{ brick.color.id }}</td>
|
||||
<td>{{ brick.color.name }}</td>
|
||||
<td>{{ brick.quantity }}</td>
|
||||
{% for i in json_file['unit'] %}
|
||||
|
||||
<td>
|
||||
<td class="centered-cell">
|
||||
<div class="inputContainer">
|
||||
{% set ns = namespace(count='') %}
|
||||
<form action="/{{ tmp }}/saveNumber" method="post">
|
||||
<input type="hidden" name="brick.part.part_num" value="{{ brick.part.part_num }}">
|
||||
@ -51,8 +48,14 @@
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<input type="text" style="height:auto;width:40px" id="numberInput" name="numberInput" value={{ ns.count }}><button type="submit"><i class="fa fa-save"></i></button>
|
||||
<div class='inputField'>
|
||||
<input type="text" id="numberInput" name="numberInput" value={{ ns.count }}>
|
||||
<button class="square-button" type="submit">
|
||||
<img src="/static/save.svg" alt="Save Icon">
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user