staxriver
/
padelclub_backend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix broadcast sponsor logo

Browse Source
sync_v2
Raz 6 months ago
parent 620c20f9e7
commit c74a117c34
8 changed files with 63 additions and 26 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 37
      tournaments/static/tournaments/css/broadcast.css
  2. 8
      tournaments/templates/tournaments/broadcast/broadcasted_auto.html
  3. 8
      tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
  4. 8
      tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
  5. 8
      tournaments/templates/tournaments/broadcast/broadcasted_matches.html
  6. 8
      tournaments/templates/tournaments/broadcast/broadcasted_prog.html
  7. 6
      tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
  8. 6
      tournaments/templates/tournaments/broadcast/broadcasted_summons.html

37
tournaments/static/tournaments/css/broadcast.css
Unescape View File

@ -29,6 +29,43 @@ body {
box-shadow: 0 0 0px 0px #fbead6;
}
.bubble-footer {
background-color: white;
display: flex;
border-radius: 24px;
box-shadow: 0 0 0px 0px #fbead6;
align-items: center;
justify-content: center;
padding: 20px;
margin: 0;
}
.bubble-sponsor {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
align-items: center;
}
.footer-broadcast {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
z-index: 100;
}
.sponsor-logo-broadcast {
max-height: 100px;
max-width: 100px;
object-fit: contain;
}
.bold {
font-family: "Montserrat-Bold";
}

8
tournaments/templates/tournaments/broadcast/broadcasted_auto.html
Unescape View File

@ -178,13 +178,13 @@
</div>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 100;">
<footer class="footer-broadcast">
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

8
tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
Unescape View File

@ -157,13 +157,13 @@
setInterval(fetchAndRenderBracket, 15000);
</script>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 100;">
<footer class="footer-broadcast">
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

8
tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
Unescape View File

@ -101,13 +101,13 @@
</div>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 100;">
<footer class="footer-broadcast">
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

8
tournaments/templates/tournaments/broadcast/broadcasted_matches.html
Unescape View File

@ -97,13 +97,13 @@
</main>
</div>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 100;">
<footer class="footer-broadcast">
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

8
tournaments/templates/tournaments/broadcast/broadcasted_prog.html
Unescape View File

@ -97,13 +97,13 @@
</main>
</div>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 100;">
<footer class="footer-broadcast">
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

6
tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
Unescape View File

@ -5,11 +5,11 @@
{% block second_title %}Classement {{ tournament.broadcast_display_name }}{% endblock %}
{% block sponsors %}
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

6
tournaments/templates/tournaments/broadcast/broadcasted_summons.html
Unescape View File

@ -5,11 +5,11 @@
{% block second_title %}Convocations {{ tournament.broadcast_display_name }}{% endblock %}
{% block sponsors %}
{% if tournament.event.images.exists %}
<div class="bubble" style="display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center;">
<div class="bubble-footer">
<div class="bubble-sponsor">
{% for image in tournament.event.images.all %}
<img src="{{ image.image.url }}" alt="{{ image.title|default:'Sponsor' }}"
style="max-height: 100px; max-width: 100px; object-fit: contain;">
class="sponsor-logo-broadcast">
{% endfor %}
</div>
</div>

Write Preview
Loading…
Cancel
Save