igna/catnote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed more CSS

Browse Source
This commit is contained in:
Ignacio Rivero 2025-06-23 16:47:38 -03:00
parent 9370f0144e
commit 5bfdf2a06a
1 changed files with 59 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
app.py
View File

@ -99,7 +99,7 @@ HTML_FORM = '''
background: #181c1f; background: #181c1f;
color: #eee; color: #eee;
font-size: 1.06rem; font-size: 1.06rem;
margin-bottom: 1.5em; margin-bottom: 1em;
resize: vertical; resize: vertical;
font-family: 'DejaVu Sans Mono', 'Fira Mono', 'monospace'; font-family: 'DejaVu Sans Mono', 'Fira Mono', 'monospace';
box-sizing: border-box; box-sizing: border-box;
@ -171,47 +171,14 @@ HTML_FORM = '''
box-shadow: 0 0 8px #22000690; box-shadow: 0 0 8px #22000690;
} }
@media (max-width: 1000px) { label {
body { font-size: 1em;
font-size: 1.28em !important; /* Big bump */ margin-left: 1em;
} }
h2, h3, h4 {
font-size: 2em !important;
}
.centered-flex { input[type=file] {
flex-direction: column; margin: 0.5em 1em 1.5em 1em;
align-items: center; }
height: auto;
gap: 1.6em;
}
.form-card,
.preview-card,
.markdown-ref {
font-size: 1.18em !important;
min-width: auto;
max-width: 90vw;
width: 100%;
margin: 0.8em 0;
}
textarea {
font-size: 1.16em !important;
padding: 1em;
min-height: 12em;
}
.status-msg {
font-size: 1.25em !important;
padding: 0.8em 1.6em;
}
button[type=submit] {
font-size: 1.3em !important;
padding: 0.9em 2.2em;
}
input[type=file] {
font-size: 1.16em !important;
}
input[type=file]::file-selector-button { input[type=file]::file-selector-button {
background: linear-gradient(90deg, #8ee3c1, #35a7ff); background: linear-gradient(90deg, #8ee3c1, #35a7ff);
@ -268,11 +235,60 @@ HTML_FORM = '''
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
textarea { textarea {
font-size: 1.16em !important; font-size: 1.16em !important;
padding: 1em; padding: 1em;
min-height: 12em; min-height: 12em;
}
@media (max-width: 1000px) {
body {
font-size: 1.28em !important; /* Big bump */
} }
h2, h3, h4 {
font-size: 2em !important;
}
.centered-flex {
flex-direction: column;
align-items: center;
height: auto;
gap: 1.6em;
}
.form-card,
.preview-card,
.markdown-ref {
font-size: 1.18em !important;
min-width: auto;
max-width: 90vw;
width: 100%;
margin: 0.8em 0;
}
textarea {
font-size: 1.16em !important;
padding: 1em;
min-height: 12em;
}
.status-msg {
font-size: 1.25em !important;
padding: 0.8em 1.6em;
}
button[type=submit] {
font-size: 1.3em !important;
padding: 0.9em 2.2em;
}
input[type=file] {
font-size: 1.16em !important;
padding: inherit 2.2em
}
label {
font-size: 1.16em !important;
padding: inherit 2.2em
}
}
</style> </style>
<div class="centered-flex"> <div class="centered-flex">
@ -282,7 +298,8 @@ HTML_FORM = '''
</center> </center>
<form method=post enctype=multipart/form-data> <form method=post enctype=multipart/form-data>
<textarea name=md placeholder="Ingrese Markdown aquí...">{{ default_md }}</textarea><br> <textarea name=md placeholder="Ingrese Markdown aquí...">{{ default_md }}</textarea><br>
<input type="file" name="userimg" accept="image/png, image/jpeg" style="margin: 0 0.25em 1.5em 0.25em"><br> <label for="userimg" style="display: inline-block; margin-bottom: 0.5em;">Subir imagen (opcional):</label><br>
<input type="file" name="userimg" accept="image/png, image/jpeg"><br>
<div class="buttons"> <div class="buttons">
<button type=submit name="generate">📷 Generar</button> <button type=submit name="generate">📷 Generar</button>
<button type=submit name="print">🖨️ Imprimir</button> <button type=submit name="print">🖨️ Imprimir</button>