btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: improve ui consistency

Browse Source
This commit is contained in:
liyasthomas
2022-03-21 18:57:23 +05:30
parent 8f96a5f5db
commit bd22541d94
9 changed files with 25 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/components/app/Footer.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="bg-primary">
<div class="flex justify-between">
<div>
<div class="flex justify-between bg-primary">
<div class="flex">
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
@@ -166,7 +166,7 @@
v-tippy="{ theme: 'tooltip' }"
:title="COLUMN_LAYOUT ? t('layout.row') : t('layout.column')"
svg="columns"
class="transform hidden sm:inline"
class="hidden transform sm:inline"
:class="{ 'rotate-90': !COLUMN_LAYOUT }"
@click.native="COLUMN_LAYOUT = !COLUMN_LAYOUT"
/>

3
packages/hoppscotch-app/components/app/Sidenav.vue
View File

@@ -1,6 +1,6 @@
<template>
<aside class="flex justify-between h-full md:flex-col">
<nav class="flex flex-1 flex-nowrap md:flex-col md:flex-none">
<nav class="flex flex-1 flex-nowrap md:flex-col md:flex-none bg-primary">
<NuxtLink
v-for="(navigation, index) in primaryNavigation"
:key="`navigation-${index}`"
@@ -71,7 +71,6 @@ const primaryNavigation = [
@apply flex flex-col flex-1;
@apply items-center;
@apply justify-center;
@apply bg-primary;
@apply hover:(bg-primaryDark text-secondaryDark);
@apply focus-visible:text-secondaryDark;