thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

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
Show stats 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 {
* {
@apply text-accentContrast;

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

@ -169,7 +169,7 @@
v-tippy="{ theme: 'tooltip' }"
:title="COLUMN_LAYOUT ? t('layout.row') : t('layout.column')"
svg="columns"
class="hidden transform sm:inline"
class="transform"
:class="{ 'rotate-90': !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
onBeforeMount(() => {
if (mdAndLarger.value) {
if (!mdAndLarger.value) {
rightSidebar.value = false
columnLayout.value = true
}
@ -95,7 +95,8 @@ function appLayout() {
// Listen for updates
watch(mdAndLarger, () => {
if (!mdAndLarger.value) {
if (mdAndLarger.value) rightSidebar.value = true
else {
rightSidebar.value = false
columnLayout.value = true
}