stef_buwalda/WebTech
1
0
Fork 0
mirror of https://github.com/StefBuwalda/WebTech.git synced 2025-10-29 19:00:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "alternate dash 2"

Browse Source 
This reverts commit b89e7d3430.
This commit is contained in:
Stef
2025-04-17 19:35:25 +02:00
parent a3c5ae0b86
commit 9d094704b9
5 changed files with 39 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
application/dash/templates/dashboard.html
View File

@@ -6,41 +6,45 @@
<div class="grid-container">
{% for service in services%}
<div class="bg-light container-xxl">
<div class="row">
<div class="col name" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["name"]}}
</div>
<div class="col-sm-3 dots dropdown">
<button class="btn btn-light py-0" 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" href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST" style="display:inline;">
<button style="color: red;" type="submit" class="dropdown-item">Delete</button>
</form>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-9" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<div class="row row-cols-3">
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}">
</div>
</div>
<div class="row">
<div class="col url text-break" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["url"]}}
<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 py-0" 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"
href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST"
style="display:inline;">
<button style="color: red;" 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>
{%endblock%}
{%endblock%}

BIN
application/static/icons/2/google.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

BIN
application/static/icons/2/netflix.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.7 KiB

BIN
application/static/icons/2/spotify.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

19
application/static/style.css
View File

@@ -5,30 +5,27 @@ body {
/* Dashboard page */
.grid-container {
display: flex;
grid-template-columns: auto auto auto auto auto;
display: grid;
grid-template-columns: auto auto auto;
gap: 20px;
background-color: lightslategray;
padding-top: 20px;
margin-left: 10%;
margin-right: 10%;
justify-content: center;
}
.grid-container > div {
height: fit-content;
width: 200px;
width: 400px;
padding-top: 5px;
padding-bottom: 5px;
border: 2px solid black;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
font-weight: bold;
}
.fit-picture {
width: 175px;
width: 45px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid black;
@@ -36,14 +33,6 @@ body {
box-shadow: 0px 0px 5px black;
}
.url {
font-weight: normal;
}
.name {
margin-left: 60px;
}
/* Login page */
.form {
display: block;