- asggiunto bottone "installa app" sulla email di conferma registrazione e anche la Guida "/guida".

- migliorato InvitaAmico
This commit is contained in:
Surya Paolo
2025-11-19 11:39:36 +01:00
parent 05a3617103
commit 57436f088b
25 changed files with 270 additions and 113 deletions

View File

@@ -353,11 +353,11 @@
// Responsive
@media (max-width: 768px) {
.install-app-container {
padding: 1rem;
padding: 0rem;
}
.install-card {
padding: 1.5rem;
padding: 0.5rem;
}
.icon-wrapper {
@@ -401,10 +401,10 @@
}
.platform-header {
padding: 1rem;
padding: 0.5rem;
.platform-info {
gap: 0.75rem;
gap: 0.5rem;
.platform-text {
h4 {
@@ -419,7 +419,7 @@
}
.platform-content {
padding: 1rem;
padding: 0.5rem;
.screenshots {
grid-template-columns: 1fr;
@@ -427,36 +427,6 @@
}
}
@media (max-width: 480px) {
.card-title {
font-size: 1.25rem;
}
.card-description {
font-size: 0.95rem;
}
.instructions-box {
.instructions-header {
flex-direction: column;
text-align: center;
h4 {
font-size: 1.1rem;
}
}
}
.platform-header {
.platform-info {
.icon-wrapper {
width: 50px;
height: 50px;
}
}
}
}
// Dark mode
body.body--dark {
.install-card {

View File

@@ -5,7 +5,14 @@ import { useQuasar } from 'quasar';
export default defineComponent({
name: 'CCheckAppRunning',
setup() {
props: {
isPageApp: {
type: Boolean,
required: false,
default: false,
}
},
setup(props) {
const globalStore = useGlobalStore();
const $q = useQuasar();

View File

@@ -248,7 +248,7 @@
<div class="platform-info">
<div class="icon-wrapper android">
<q-icon
name="fab fa-android"
name="fas fa-mobile-alt"
size="48px"
/>
</div>
@@ -393,6 +393,67 @@
</div>
</div>
</div>
<!-- ✅ App già installata -->
<div
v-else-if="isAppRunning && isPageApp"
class="install-card app-installed"
>
<div class="card-center">
<div class="icon-wrapper success">
<q-icon
name="fas fa-check-circle"
size="64px"
/>
</div>
<h3 class="card-title">App già installata! 🎉</h3>
<p class="card-description">
Ottimo! Stai già usando RISO come app installata. Puoi accedere sempre dalla
tua schermata home.
</p>
<div class="benefits-list">
<div class="benefit-item">
<q-icon
name="fas fa-bolt"
color="primary"
size="24px"
/>
<span>Accesso rapido dalla home</span>
</div>
<div class="benefit-item">
<q-icon
name="fas fa-bell"
color="primary"
size="24px"
/>
<span>Notifiche in tempo reale</span>
</div>
<div class="benefit-item">
<q-icon
name="fas fa-mobile-alt"
color="primary"
size="24px"
/>
<span>Esperienza nativa</span>
</div>
</div>
<q-btn
unelevated
rounded
size="lg"
color="primary"
class="install-btn"
to="/"
>
<q-icon
name="fas fa-home"
class="q-mr-sm"
/>
Vai alla Home
</q-btn>
</div>
</div>
</transition>
</div>
</template>

View File

@@ -826,7 +826,6 @@ export default defineComponent({
globalStore,
costanti,
t,
$q,
};
},
});

View File

@@ -62,8 +62,8 @@
.selection-btn {
flex: 0 1 calc(33.33% - 8px); // Desktop: max 1/3 dello spazio, non cresce
min-width: 140px;
min-height: 140px;
min-width: 120px;
min-height: 120px;
border-radius: 12px;
border: 2px solid #e0e0e0;
background: white;