mirror of
https://github.com/StefBuwalda/WebTech.git
synced 2025-10-30 11:19:58 +00:00
alternate dash
This commit is contained in:
@@ -6,14 +6,14 @@
|
||||
<div class="grid-container">
|
||||
{% for service in services%}
|
||||
<div class="bg-light container-xxl">
|
||||
<div class="row row-cols-3">
|
||||
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||
<div class="row row-cols-4">
|
||||
<div class="col-sm-4" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||
<img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}">
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="col-sm-8">
|
||||
<div class="row">
|
||||
<div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||
{{service["name"]}}
|
||||
<p class="name">{{service["name"]}}</p>
|
||||
</div>
|
||||
<div class="col-sm-2 dots dropdown">
|
||||
<button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
|
||||
@@ -36,8 +36,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||
{{service["url"]}}
|
||||
<div class="col-sm-12" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
|
||||
<p>{{service["url"]}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
BIN
application/static/icons/2/google.png
Normal file
BIN
application/static/icons/2/google.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
application/static/icons/2/netflix.png
Normal file
BIN
application/static/icons/2/netflix.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
application/static/icons/2/spotify.png
Normal file
BIN
application/static/icons/2/spotify.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
@@ -15,7 +15,7 @@ body {
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
height: fit-content;
|
||||
height: 150px;
|
||||
width: 400px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
@@ -25,7 +25,7 @@ body {
|
||||
}
|
||||
|
||||
.fit-picture {
|
||||
width: 45px;
|
||||
width: 125px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid black;
|
||||
@@ -33,6 +33,12 @@ body {
|
||||
box-shadow: 0px 0px 5px black;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-weight: bold;
|
||||
font-size: 50px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* Login page */
|
||||
.form {
|
||||
display: block;
|
||||
|
||||
Reference in New Issue
Block a user