jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds scroll to overflowing dialog

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-19 14:07:42 -05:00
parent 2d0de59187
commit c2b2a6fcef
11 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/assets/main.css
View File

@@ -46,26 +46,31 @@
}
div.dialog {
@apply max-h-[90vh];
@apply place-self-center;
}
div.card {
@apply w-full max-w-[1024px];
@apply rounded-xl p-4;
@apply flex flex-col gap-4;
@apply bg-hSurface text-hOnSurface;
}
div.card-title {
@apply font-sans font-bold text-2xl;
@apply mb-8;
@apply p-2;
}
div.card-entry {
@apply mb-4;
div.card-content {
@apply flex flex-col gap-4;
@apply p-2;
@apply overflow-y-auto;
}
div.card-actions {
@apply flex flex-row gap-6 justify-end;
@apply p-2;
@apply flex flex-row gap-4 justify-end;
}
div.card-actions > * {

2
frontend/src/views/creators/BannerEditor.vue
View File

@@ -4,7 +4,7 @@
Bannière
</div>
<div class="card-entry">
<div class="card-content">
<img
:src="fileUrl || fallbackUrl"
alt="Aperçu de la bannière"

2
frontend/src/views/creators/CreateCreator.vue
View File

@@ -55,7 +55,7 @@ async function createAccount() {
Créez votre Hutopy.
</div>
<div class="card-entry">
<div class="card-content">
<name-editor
v-model:name="creatorName"
creator-name-reservation-id="creatorNameDirty"

2
frontend/src/views/creators/CreatorLogoEditor.vue
View File

@@ -4,7 +4,7 @@
Logo
</div>
<div class="card-entry flex flex-col items-center">
<div class="card-content flex flex-col items-center">
<img
:src="fileUrl || fallbackUrl"
alt="Aperçu du logo"

2
frontend/src/views/creators/DonationButtonBanner.vue
View File

@@ -12,7 +12,7 @@
{{ $t('isupportbtn.isupport') }}
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
v-model="tipAmountInDollars"
type="number"

2
frontend/src/views/profile/account/AliasDialog.vue
View File

@@ -6,7 +6,7 @@
{{ $t('personnalinformation.alias') }}
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
variant="outlined"
v-model="alias"

2
frontend/src/views/profile/account/EmailDialog.vue
View File

@@ -4,7 +4,7 @@
Courriel
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
v-model="email"
label="Votre courriel"

4
frontend/src/views/profile/account/FullnameDialog.vue
View File

@@ -19,7 +19,7 @@ const requestSave = () => emit('save', firstname.value, lastname.value)
{{ $t('personnalinformation.fullname') }}
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
variant="outlined"
v-model="firstname"
@@ -27,7 +27,7 @@ const requestSave = () => emit('save', firstname.value, lastname.value)
></v-text-field>
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
variant="outlined"
v-model="lastname"

2
frontend/src/views/profile/creators/ChangeStripeIdDialog.vue
View File

@@ -38,7 +38,7 @@ const cancel = () => {
Modifier le Stripe ID
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
v-model="stripeId"
label="Stripe Id"

2
frontend/src/views/profile/creators/ChangeTitleDialog.vue
View File

@@ -42,7 +42,7 @@ const cancel = () => {
Modifier le Titre
</div>
<div class="card-entry">
<div class="card-content">
<v-text-field
v-model="title"
label="Titre"

8
frontend/src/views/profile/creators/SocialsDialog.vue
View File

@@ -72,7 +72,7 @@ const cancel = () => {
Reseaux Sociaux
</div>
<div class="card-entry">
<div class="card-content">
<div class="editor-line">
<facebook class="social-icon"></facebook>
@@ -174,9 +174,8 @@ const cancel = () => {
<style scoped>
.editor-line {
@apply flex flex-row gap-6;
@apply flex flex-row gap-4;
@apply items-center;
@apply mb-4;
}
.social-icon {
@@ -184,10 +183,11 @@ const cancel = () => {
}
.input-field {
@apply w-full p-4;
@apply w-full p-[10px];
@apply rounded-sm;
@apply transition duration-200;
@apply ring-1 ring-[#6D6C70] focus:outline-none focus:ring-hutopySecondary;
@apply hover:ring-hutopyPrimary;
@apply placeholder:text-[#6D6C70]
}