style fixes

This commit is contained in:
Georges KABBOUCHI 2021-09-01 21:56:10 +03:00
parent fe8e9a7e70
commit 16c066f3e0
5 changed files with 7 additions and 7 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div class="mt-3 w-full md:w-auto md:mt-0">
<div v-if="active && activeAccount" class="relative w-[193px]" v-click-outside="hide"> <div v-if="active && activeAccount" class="relative w-full md:w-[193px]" v-click-outside="hide">
<button <button
type="button" type="button"
class=" relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm" class=" relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"
@ -10,7 +10,7 @@
@click="show = !show" @click="show = !show"
> >
<span <span
class="flex items-center capitalize text-center text-sm font-bold" class="flex items-center capitalize text-center text-sm font-bold truncate"
> >
<div class="mr-2"> <div class="mr-2">
<svg <svg

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="relative w-[160px] md:w-[178px]" v-click-outside="hide" v-if="activeAccount"> <div class="relative w-1/2 md:w-[178px]" v-click-outside="hide" v-if="activeAccount">
<button <button
type="button" type="button"
class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm" class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"

View File

@ -40,7 +40,7 @@
</div> </div>
<div <div
class="mt-8 md:mt-0 ml-auto flex items-center justify-center space-x-2.5" class="mt-8 md:mt-0 md:ml-auto flex-wrap flex items-center md:justify-center md:space-x-2.5"
> >
<AccountSwitcher v-if="active" /> <AccountSwitcher v-if="active" />

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="relative w-[160px] md:w-[178px]" v-click-outside="hide"> <div class="relative w-1/2 md:w-[178px]" v-click-outside="hide">
<button <button
type="button" type="button"
class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-2.5 pr-10 py-1.5 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm" class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-2.5 pr-10 py-1.5 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"

View File

@ -43,7 +43,7 @@
<NotificationBar /> <NotificationBar />
<div class="fixed bottom-0 right-0 mr-10 mb-28"> <div class="fixed bottom-0 right-0 mr-5 md:mr-10 mb-5 md:mb-28">
<button <button
@click="showSidebarBalances" @click="showSidebarBalances"
class="px-9 h-[56px] bg-primary-blue-dark hover:bg-primary-blue-hover text-white rounded-[28px] text-lg font-semibold shadow flex items-center" class="px-9 h-[56px] bg-primary-blue-dark hover:bg-primary-blue-hover text-white rounded-[28px] text-lg font-semibold shadow flex items-center"