fixed service button

This commit is contained in:
DaanoGames
2025-04-16 12:28:56 +02:00
parent fba683a0a6
commit 7945a61ce0
2 changed files with 34 additions and 30 deletions

View File

@@ -6,34 +6,37 @@
<div class="grid-container">
{% for service in services%}
<div class="bg-light container-xxl">
<div class="row" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
Name: {{service["name"]}} <br>
URL: {{service["url"]}}
<div class="row row-cols-3">
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<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 class="dots dropdown">
<button class="btn btn-light" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
aria-expanded="false">
<div class="col-sm-10">
<div class="row">
<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">
&#x22EE;
</button>
<ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
<li><a class="dropdown-item">Edit</a>
<form action="{{ url_for('dash.edit_service', service_id=service.id) }}" method="POST"
style="display:inline;">
<button type="submit" class="dropdown-item">Update</button>
</form>
</li>
<li><a class="dropdown-item">Edit</a></li>
<li><hr class="dropdown-divider"></li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST"
style="display:inline;">
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST" style="display:inline;">
<button type="submit" class="dropdown-item">Delete</button>
</form>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["url"]}}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>

View File

@@ -15,7 +15,6 @@ body {
}
.grid-container > div {
text-align: center;
height: fit-content;
width: 400px;
padding-top: 5px;
@@ -24,8 +23,10 @@ body {
border-radius: 10px;
}
.dots {
margin-left: 90%;
.fit-picture {
width: 50px;
padding-top: 5px;
padding-bottom: 5px;
}
/* Login page */