nacim/Anonyme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive

Browse Source
This commit is contained in:
nBiqoz
2025-08-01 20:26:47 +02:00
parent 1f26a3de5c
commit b1de50cbc2
1 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/components/FileUploadComponent.tsx
View File

@@ -330,13 +330,15 @@ export const FileUploadComponent = ({
</div>
{/* Barre du bas avec sélecteur et bouton */}
<div className="flex items-center justify-between p-2 border-t border-gray-200 bg-gray-50">
<div className="flex flex-col sm:flex-row sm:items-end sm:justify-between p-2 border-t border-gray-200 bg-gray-50 space-y-2 sm:space-y-0">
{/* Sélecteur de type d'anonymisation */}
<div className="flex flex-col w-full sm:w-auto">
<label className="text-xs text-gray-500 mb-1">Type de données :</label>
<div className="relative">
<select
className="appearance-none bg-white border border-gray-300 text-gray-700 text-xs rounded-md pl-3 pr-8 py-2 focus:outline-none focus:ring-1 focus:ring-[#f7ab6e] focus:border-[#f7ab6e] transition-colors duration-200"
className="w-full sm:w-auto appearance-none bg-white border border-gray-300 text-gray-700 text-xs rounded-md pl-3 pr-8 py-2 focus:outline-none focus:ring-1 focus:ring-[#f7ab6e] focus:border-[#f7ab6e] transition-colors duration-200"
>
<option>Information Personnellement Identifiable (PII)</option>
<option>Informations Personnellement Identifiables (PII)</option>
<option disabled style={{ color: 'lightgray' }}>
PII + Données Business (En développement)
</option>
@@ -345,12 +347,13 @@ export const FileUploadComponent = ({
<svg className="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
</div>
</div>
</div>
{/* Bouton Anonymiser */}
<button
onClick={onAnonymize}
disabled={isProcessing || !sourceText.trim()}
className="bg-[#f7ab6e] hover:bg-[#f7ab6e]/90 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg text-xs font-medium transition-colors duration-300 flex items-center space-x-2 shadow-sm"
className="w-full sm:w-auto bg-[#f7ab6e] hover:bg-[#f7ab6e]/90 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg text-xs font-medium transition-colors duration-300 flex items-center justify-center space-x-2 shadow-sm"
title={
sourceText.trim()
? "Anonymiser les données"