Update templates/svt.html
Browse files- templates/svt.html +39 -1
templates/svt.html
CHANGED
|
@@ -80,7 +80,45 @@
|
|
| 80 |
grid-template-columns: repeat(1, minmax(0, 1fr));
|
| 81 |
}
|
| 82 |
}
|
| 83 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 84 |
</style>
|
| 85 |
</head>
|
| 86 |
<body class="min-h-screen flex items-center justify-center p-4 md:p-8">
|
|
|
|
| 80 |
grid-template-columns: repeat(1, minmax(0, 1fr));
|
| 81 |
}
|
| 82 |
}
|
| 83 |
+
|
| 84 |
+
#response {
|
| 85 |
+
white-space: pre-wrap; /* Préserve les espaces et les sauts de ligne */
|
| 86 |
+
word-wrap: break-word; /* Permet le retour à la ligne des mots longs */
|
| 87 |
+
overflow-wrap: break-word; /* Assure la césure des mots très longs */
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
/* Styles pour le contenu markdown */
|
| 91 |
+
#response p {
|
| 92 |
+
margin-bottom: 1em;
|
| 93 |
+
line-height: 1.6;
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
#response ul, #response ol {
|
| 97 |
+
padding-left: 1.5em;
|
| 98 |
+
margin-bottom: 1em;
|
| 99 |
+
}
|
| 100 |
+
|
| 101 |
+
#response li {
|
| 102 |
+
margin-bottom: 0.5em;
|
| 103 |
+
}
|
| 104 |
+
|
| 105 |
+
/* Ajustements responsives pour mobile */
|
| 106 |
+
@media (max-width: 640px) {
|
| 107 |
+
#response {
|
| 108 |
+
font-size: 0.95rem;
|
| 109 |
+
padding: 1rem;
|
| 110 |
+
}
|
| 111 |
+
|
| 112 |
+
#response p, #response li {
|
| 113 |
+
line-height: 1.7;
|
| 114 |
+
}
|
| 115 |
+
|
| 116 |
+
#response ul, #response ol {
|
| 117 |
+
padding-left: 1.2em;
|
| 118 |
+
}
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
|
| 122 |
</style>
|
| 123 |
</head>
|
| 124 |
<body class="min-h-screen flex items-center justify-center p-4 md:p-8">
|