dustin
/
receipts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

receipt/view: Fix image sizing on moble
dustin/receipts/pipeline/head There was a failure building this commit Details 

I wasn't paying attention and added a bunch of CSS rules that only apply
to destkop screen sizes that should apply to all clients.
bugfix/ci-buildah
Dustin 2025-03-14 20:42:07 -05:00
parent 83a4ca0ad5
commit 79d8d899bb
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
templates/receipt.html.tera
View File

@ -1,6 +1,19 @@
{% extends "base" %} {% block head %} {% extends "base" %} {% block head %}
<title>Receipt: ${{ amount }} at {{ vendor }}</title> <title>Receipt: ${{ amount }} at {{ vendor }}</title>
<style> <style>
.photo {
max-width: 100%;
}
.photo img {
max-width: 100%;
}
.photo iframe {
width: 100%;
aspect-ratio: 8.5 / 11;
}
@media screen and (min-width: 900px) { @media screen and (min-width: 900px) {
article { article {
display: flex; display: flex;
@ -14,15 +27,6 @@
.photo { .photo {
flex-grow: 1; flex-grow: 1;
} }
.photo img {
max-width: 100%;
}
.photo iframe {
width: 100%;
aspect-ratio: 8.5 / 11;
}
} }
</style> </style>
{% endblock %} {% block main %} {% endblock %} {% block main %}