Albirew/nft-avatar
Albirew/nft-avatar
Archivé
1
0
Bifurcation 0
Code Activité

better style

Parcourir la source
Cette révision appartient à :
tandpfun 2021-11-18 19:28:17 -08:00
Parent 5ba319fd25
révision fef0f16a92
3 fichiers modifiés avec 6 ajouts et 8 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

BIN
assets/img/logo.png Fichier normal
Voir le fichier

Fichier binaire non affiché.
Côte à côte

Après

Largeur:  |  Hauteur:  |  Taille: 3,9 Kio

4
components/ImageEditor.vue
Voir le fichier

@ -2,7 +2,7 @@
<div class="flex flex-col md:flex-row items-center justify-center">
<div class="flex flex-col justify-center items-center px-4">
<p class="text-yellow-400 font-semibold text-xl mb-2">upload</p>
<div class="border border-dashed border-yellow-300 p-5 md:mx-8 text-white rounded-md w-96 backdrop-filter backdrop-blur-md">
<div class="border border-dashed border-yellow-300 p-5 md:mx-8 text-white rounded-md w-96 bg-gray-800">
<div class="container flex flex-col items-center">
<img ref="uploadPreview" class="w-32 h-32 object-contain mb-4 rounded-full" :src="image" />
<input ref="uploadFile" class="flex flex-row items-center justify-center" type="file" accept="image/*" @change="imageChange" />
@ -11,7 +11,7 @@
</div>
<div class="flex flex-col justify-center items-center px-4 mt-8 md:mt-0">
<p class="text-yellow-400 font-semibold text-xl mb-2">output</p>
<div class="border border-dashed border-yellow-300 p-5 md:mx-8 text-white rounded-md w-96 backdrop-filter backdrop-blur-md">
<div class="border border-dashed border-yellow-300 p-5 md:mx-8 text-white rounded-md w-96 bg-gray-800">
<div class="container flex flex-col items-center">
<canvas ref="outputCanvas" class="mb-4 w-32 h-32" width="250" height="250"></canvas>
<a

10
pages/index.vue
Voir le fichier

Le diff du fichier est caché, car une ou plusieurs lignes sont trop longues