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

refactor: minor ui improvements

Browse Source
This commit is contained in:
liyasthomas
2021-12-04 18:59:26 +05:30
parent 0de9f3d8c3
commit 084039f59f
40 changed files with 154 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/components/smart/Toggle.vue
View File

@@ -1,6 +1,6 @@
<template>
<div
class="cursor-pointer flex-nowrap inline-flex items-center justify-center"
class="cursor-pointer flex-nowrap transition inline-flex items-center justify-center group hover:text-secondaryDark"
@click="$emit('change')"
>
<label ref="toggle" class="toggle" :class="{ on: on }">
@@ -28,7 +28,7 @@ export default defineComponent({
<style scoped lang="scss">
$useBorder: true;
$borderColor: var(--divider-color);
$activeColor: var(--divider-color);
$activeColor: var(--divider-dark-color);
$inactiveColor: var(--divider-color);
$inactiveHandleColor: var(--secondary-light-color);
$activeHandleColor: var(--accent-color);
@@ -49,6 +49,8 @@ $transition: all 0.2s ease-in-out;
@apply mr-4;
@apply cursor-pointer;
@apply flex-shrink-0;
@apply group-hover:border-accentDark;
@apply transition;
width: $width;
height: $height;