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

fix: broken mobile responsiveness - fixed #1472

Browse Source
This commit is contained in:
Liyas Thomas
2021-02-10 19:53:47 +05:30
parent 2be9a0bdba
commit ca0c858e0f
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/scss/styles.scss
View File

@@ -643,7 +643,8 @@ ol li {
@apply flex-1; @apply flex-1;
@apply flex-row; @apply flex-row;
* { span,
div {
@apply inline-flex; @apply inline-flex;
@apply flex-no-wrap; @apply flex-no-wrap;
@apply items-center; @apply items-center;

4
components/layout/pw-header.vue
View File

@@ -13,7 +13,7 @@
width="150" width="150"
height="20" height="20"
title="GitHub" title="GitHub"
class="ml-8" class="ml-8 hide-on-small-screen"
loading="lazy" loading="lazy"
></iframe> ></iframe>
</span> </span>
@@ -22,7 +22,7 @@
href="https://www.deta.sh/?ref=hoppscotch" href="https://www.deta.sh/?ref=hoppscotch"
target="_blank" target="_blank"
rel="noopener" rel="noopener"
class="px-4 py-2 mx-4 font-mono text-sm rounded-md bg-bgDarkColor hide-on-small-screen" class="inline-flex items-center px-4 py-2 mx-4 font-mono text-sm rounded-md bg-bgDarkColor hide-on-small-screen"
> >
Deploy your api for free on Deta Deploy your api for free on Deta
<img class="w-8 ml-2" src="~assets/images/deta_portal.svg" alt="Deta" /> <img class="w-8 ml-2" src="~assets/images/deta_portal.svg" alt="Deta" />

3
components/layout/sidenav.vue
View File

@@ -298,7 +298,6 @@ nav.secondary-nav {
@apply flex-row; @apply flex-row;
@apply flex-no-wrap; @apply flex-no-wrap;
@apply overflow-auto; @apply overflow-auto;
@apply justify-between;
@apply bg-bgDarkColor; @apply bg-bgDarkColor;
@apply space-y-0; @apply space-y-0;
@@ -306,7 +305,7 @@ nav.secondary-nav {
a { a {
@apply bg-transparent; @apply bg-transparent;
@apply m-2; @apply my-2;
@apply flex-1; @apply flex-1;
&.nuxt-link-exact-active { &.nuxt-link-exact-active {