mirror of
https://github.com/StefBuwalda/WebTech.git
synced 2025-10-30 11:19:58 +00:00
fixed service button
This commit is contained in:
@@ -6,34 +6,37 @@
|
|||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
{% for service in services%}
|
{% for service in services%}
|
||||||
<div class="bg-light container-xxl">
|
<div class="bg-light container-xxl">
|
||||||
<div class="row" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
<div class="row row-cols-3">
|
||||||
Name: {{service["name"]}} <br>
|
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||||
URL: {{service["url"]}}
|
<img class="fit-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/2048px-Google_%22G%22_logo.svg.png">
|
||||||
</div>
|
</div>
|
||||||
<div class="dots dropdown">
|
<div class="col-sm-10">
|
||||||
<button class="btn btn-light" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
|
<div class="row">
|
||||||
aria-expanded="false">
|
<div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||||
|
{{service["name"]}}
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2 dots dropdown">
|
||||||
|
<button class="btn btn-light" type="button" id="threeDotDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
⋮
|
⋮
|
||||||
</button>
|
</button>
|
||||||
<ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
|
<ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
|
||||||
<li><a class="dropdown-item">Edit</a>
|
<li><a class="dropdown-item">Edit</a></li>
|
||||||
<form action="{{ url_for('dash.edit_service', service_id=service.id) }}" method="POST"
|
<li><hr class="dropdown-divider"></li>
|
||||||
style="display:inline;">
|
|
||||||
<button type="submit" class="dropdown-item">Update</button>
|
|
||||||
</form>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<hr class="dropdown-divider">
|
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST" style="display:inline;">
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST"
|
|
||||||
style="display:inline;">
|
|
||||||
<button type="submit" class="dropdown-item">Delete</button>
|
<button type="submit" class="dropdown-item">Delete</button>
|
||||||
</form>
|
</form>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||||
|
{{service["url"]}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -15,7 +15,6 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.grid-container > div {
|
.grid-container > div {
|
||||||
text-align: center;
|
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
@@ -24,8 +23,10 @@ body {
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dots {
|
.fit-picture {
|
||||||
margin-left: 90%;
|
width: 50px;
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Login page */
|
/* Login page */
|
||||||
|
|||||||
Reference in New Issue
Block a user