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-04-05 14:55:30 +05:30
parent eea8a44746
commit c415fdb70a
3 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/hoppscotch-app/assets/scss/styles.scss
View File

@@ -496,13 +496,6 @@ details summary::-webkit-details-marker {
} }
} }
// https://pqina.nl/blog/fix-google-mobile-usability-issues/
:where(body, iframe, pre, img, svg, video, canvas, select) {
@apply max-w-full;
@apply overflow-auto;
@apply break-words;
}
.env-highlight { .env-highlight {
* { * {
@apply text-accentContrast; @apply text-accentContrast;

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

@@ -169,7 +169,7 @@
v-tippy="{ theme: 'tooltip' }" v-tippy="{ theme: 'tooltip' }"
:title="COLUMN_LAYOUT ? t('layout.row') : t('layout.column')" :title="COLUMN_LAYOUT ? t('layout.row') : t('layout.column')"
svg="columns" svg="columns"
class="hidden transform sm:inline" class="transform"
:class="{ 'rotate-90': !COLUMN_LAYOUT }" :class="{ 'rotate-90': !COLUMN_LAYOUT }"
@click.native="COLUMN_LAYOUT = !COLUMN_LAYOUT" @click.native="COLUMN_LAYOUT = !COLUMN_LAYOUT"
/> />

5
packages/hoppscotch-app/layouts/default.vue
View File

@@ -87,7 +87,7 @@ function appLayout() {
// Initially apply // Initially apply
onBeforeMount(() => { onBeforeMount(() => {
if (mdAndLarger.value) { if (!mdAndLarger.value) {
rightSidebar.value = false rightSidebar.value = false
columnLayout.value = true columnLayout.value = true
} }
@@ -95,7 +95,8 @@ function appLayout() {
// Listen for updates // Listen for updates
watch(mdAndLarger, () => { watch(mdAndLarger, () => {
if (!mdAndLarger.value) { if (mdAndLarger.value) rightSidebar.value = true
else {
rightSidebar.value = false rightSidebar.value = false
columnLayout.value = true columnLayout.value = true
} }