update logo and main page

src/common/AppLogo.vue

@@ -2,7 +2,7 @@
   <div class="app-logo">
     <img
       class="app-logo__img"
-      src="/branding/logo.svg"
+      src="/branding/logo.png"
       :alt="$config.APP_NAME"
     />
     <router-link class="app-logo__link" :to="{ name: $routes.home }" />
@@ -18,6 +18,11 @@
   position: relative;
 }
 
+.app-logo__img {
+  max-width: toRem(60);
+  max-height: toRem(60);
+}
+
 .app-logo__link {
   position: absolute;
   top: 0;

src/common/VoteCard.vue

@@ -67,6 +67,7 @@ const select = () => {
 
 .vote-card__btn {
   margin: toRem(16) auto;
+  width: 100%;
 }
 
 .vote-item__lbl {

src/common/modals/QrAuthModal.vue

@@ -45,14 +45,14 @@ watch(props, init)
   display: grid;
   width: 100%;
   height: 100%;
-  max-width: toRem(500);
-  max-height: toRem(500);
+  max-width: toRem(400);
+  max-height: toRem(400);
   background: var(--background-primary-dark);
   border-radius: toRem(24);
 }
 
 .qr-auth-modal__img {
   margin: auto;
-  width: 50%;
+  width: 80%;
 }
 </style>

src/localization/resources/en.json

@@ -33,7 +33,8 @@
     "active-until-lbl": "Active until",
     "first-place": "First choice",
     "second-place": "Second choice",
-    "third-place": "Third choice"
+    "third-place": "Third choice",
+    "select-btn-txt": "Select"
   },
   "home": {
     "title": "Voting platform"

src/pages/Home.vue

@@ -43,10 +43,10 @@ init()
 
 .home-page__title {
   text-align: center;
-  margin-bottom: toRem(16);
+  margin: toRem(50) 0;
 }
 
 .home-page__list {
-  margin: auto;
+  margin: toRem(100) auto;
 }
 </style>

src/pages/Vote.vue

@@ -69,7 +69,14 @@
 import { computed, ref } from 'vue'
 import { VoteOptions, Voting } from '@/types'
 import { AppButton, Optionitem, QrAuthModal } from '@/common'
-import { auth, ErrorHandler, getVotingById, sleep } from '@/helpers'
+import {
+  auth,
+  bus,
+  BUS_EVENTS,
+  ErrorHandler,
+  getVotingById,
+  sleep,
+} from '@/helpers'
 import { useI18n } from 'vue-i18n'
 import { v4 as uuidv4 } from 'uuid'
 
@@ -146,6 +153,8 @@ const vote = async () => {
   }
 
   await validate()
+  isModalShown.value = false
+  bus.emit(BUS_EVENTS.success)
 }
 
 const validate = async () => {