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

refactor: class names

Browse Source
This commit is contained in:
Liyas Thomas
2021-06-26 10:41:19 +00:00
committed by GitHub
parent 9bd86f0564
commit cdfce9e2b8
25 changed files with 80 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/app/Contributors.vue
View File

@@ -164,12 +164,10 @@
<style scoped lang="scss">
.contributors {
@apply flex;
@apply flex flex-wrap;
@apply items-center;
@apply flex-wrap;
@apply overflow-auto;
@apply m-2;
@apply space-x-2;
@apply space-y-2;
@apply space-x-2 space-y-2;
}
</style>

11
components/app/Footer.vue
View File

@@ -85,13 +85,8 @@ export default {
<style scoped lang="scss">
.footer-link {
@apply flex-shrink-0;
@apply my-2;
@apply mx-4;
@apply text-secondaryLight;
@apply text-sm;
&:hover {
@apply text-secondary;
}
@apply my-2 mx-4;
@apply text-secondaryLight text-sm;
@apply hover:text-secondary;
}
</style>

5
components/app/Header.vue
View File

@@ -310,10 +310,7 @@ export default {
@apply transition-colors;
@apply ease-in-out;
@apply duration-150;
&:hover {
@apply text-accent;
}
@apply hover:text-accent;
}
@keyframes slideIn {

3
components/app/Shortcuts.vue
View File

@@ -94,9 +94,8 @@ kbd {
@apply inline-flex;
@apply resize-none;
@apply m-2;
@apply py-2 px-4;
@apply rounded-lg;
@apply py-2;
@apply px-4;
@apply text-sm;
}
</style>

15
components/app/Sidenav.vue
View File

@@ -199,9 +199,7 @@ export default {
}
nav.primary-nav {
@apply flex;
@apply flex-col;
@apply flex-nowrap;
@apply flex flex-col flex-nowrap;
@apply items-center;
@apply justify-center;
@apply space-y-2;
@@ -258,14 +256,10 @@ nav.primary-nav::-webkit-scrollbar,
}
nav.secondary-nav {
@apply flex;
@apply flex-col;
@apply flex-nowrap;
@apply flex flex-col flex-nowrap;
@apply items-center;
@apply justify-center;
@apply border-t-2;
@apply border-dashed;
@apply border-divider;
@apply border-t-2 border-dashed border-divider;
@apply pt-2;
@apply space-y-2;
@@ -310,8 +304,7 @@ nav.secondary-nav {
}
nav.primary-nav {
@apply flex-row;
@apply flex-nowrap;
@apply flex-row flex-nowrap;
@apply overflow-auto;
@apply bg-primaryDark;
@apply space-y-0;

4
components/docs/Collection.vue
View File

@@ -30,10 +30,8 @@ export default {
<style lang="scss" scoped>
.collection {
@apply flex;
@apply flex-col;
@apply flex flex-col flex-1;
@apply justify-center;
@apply flex-1;
@apply p-4;
.material-icons {

7
components/docs/Folder.vue
View File

@@ -23,13 +23,10 @@ export default {
<style lang="scss" scoped>
.folder {
@apply flex;
@apply flex-col;
@apply flex flex-col flex-1;
@apply justify-center;
@apply flex-1;
@apply p-4;
@apply border-l;
@apply border-divider;
@apply border-l border-divider;
@apply mt-4;
.material-icons {

19
components/docs/Request.vue
View File

@@ -111,15 +111,12 @@ export default {
<style scoped lang="scss">
.request {
@apply flex;
@apply flex-col;
@apply flex flex-col flex-1;
@apply justify-center;
@apply flex-1;
@apply p-4;
@apply border;
@apply border-divider;
@apply rounded-lg;
@apply mt-4;
@apply border border-divider;
@apply rounded-lg;
h4 {
@apply mt-4;
@@ -131,16 +128,12 @@ export default {
}
.doc-desc {
@apply flex;
@apply flex-col;
@apply flex flex-col flex-1;
@apply justify-center;
@apply flex-1;
@apply p-4;
@apply text-secondaryLight;
@apply border-b;
@apply border-dashed;
@apply border-divider;
@apply m-0;
@apply text-secondaryLight;
@apply border-b border-dashed border-divider;
&:last-child {
@apply border-b-0;

3
components/graphql/Field.vue
View File

@@ -84,7 +84,6 @@ export default {
<style scoped lang="scss">
.field-highlighted {
@apply border-b-2;
@apply border-accent;
@apply border-b-2 border-accent;
}
</style>

4
components/history/graphql/Card.vue
View File

@@ -149,12 +149,14 @@ export default {
.stared {
color: #f8e81c !important;
}
.fade-enter-active,
.fade-leave-active {
transition: all 0.2s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
@apply opacity-0;
}
</style>

8
components/history/index.vue
View File

@@ -176,18 +176,22 @@ export default {
<style scoped lang="scss">
.virtual-list {
max-height: calc(100vh - 270px);
[readonly] {
cursor: default;
@apply cursor-default;
}
}
ul,
ol {
flex-direction: column;
@apply flex-col;
}
@media (max-width: 720px) {
.virtual-list.filled {
min-height: 320px;
}
.labels {
display: none;
}

4
components/history/rest/Card.vue
View File

@@ -160,12 +160,14 @@ export default {
.stared {
color: #f8e81c !important;
}
.fade-enter-active,
.fade-leave-active {
transition: all 0.2s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
@apply opacity-0;
}
</style>

3
components/http/BodyParameters.vue
View File

@@ -241,8 +241,7 @@ export default {
<style scoped lang="scss">
.file-chips-container {
@apply flex;
@apply flex-1;
@apply flex flex-1;
@apply whitespace-nowrap;
@apply overflow-auto;
@apply bg-primaryDark;

3
components/realtime/Log.vue
View File

@@ -57,8 +57,7 @@ export default {
span {
@apply block;
@apply break-words;
@apply break-all;
@apply break-words break-all;
}
}
</style>

12
components/smart/AceEditor.vue
View File

@@ -257,8 +257,7 @@ export default {
}
.outline {
@apply flex;
@apply flex-nowrap;
@apply flex flex-nowrap;
@apply w-full;
@apply overflow-auto;
@apply font-mono;
@@ -268,10 +267,8 @@ export default {
.block {
@apply inline-flex;
@apply items-center;
@apply flex-grow-0;
@apply flex-shrink-0;
@apply text-secondaryLight;
@apply text-sm;
@apply flex-grow-0 flex-shrink-0;
@apply text-secondaryLight text-sm;
&:hover {
@apply text-secondary;
@@ -300,8 +297,7 @@ export default {
}
.sib {
@apply px-4;
@apply py-1;
@apply px-4 py-1;
&:hover {
@apply text-secondary;

3
components/smart/AutoComplete.vue
View File

@@ -211,8 +211,7 @@ export default {
li {
@apply w-full;
@apply block;
@apply py-2;
@apply px-4;
@apply py-2 px-4;
@apply text-sm;
@apply font-mono;

3
components/smart/DeletableChip.vue
View File

@@ -21,8 +21,7 @@
@apply transition;
@apply ease-in-out;
@apply duration-150;
@apply border;
@apply border-divider;
@apply border border-divider;
}
.close-button {

10
components/smart/Modal.vue
View File

@@ -129,17 +129,14 @@ export default {
}
.modal-wrapper {
@apply flex;
@apply flex flex-1;
@apply items-center;
@apply justify-center;
@apply flex-1;
}
.modal-container {
@apply relative;
@apply flex;
@apply flex-1;
@apply flex-col;
@apply flex flex-1 flex-col;
@apply m-2;
@apply transition;
@apply ease-in-out;
@@ -147,8 +144,7 @@ export default {
@apply bg-primary;
@apply rounded-lg;
@apply shadow-2xl;
@apply border-4;
@apply border-tooltip;
@apply border-4 border-tooltip;
max-height: calc(100vh - 128px);
max-width: 640px;

14
components/smart/Tabs.vue
View File

@@ -56,10 +56,7 @@ export default {
<style scoped lang="scss">
.tabs-wrapper {
@apply flex;
@apply flex-col;
@apply flex-nowrap;
@apply flex-1;
@apply flex flex-col flex-nowrap flex-1;
.tabs {
@apply flex;
@@ -81,10 +78,8 @@ export default {
@apply flex;
@apply items-center;
@apply justify-center;
@apply py-2;
@apply px-4;
@apply text-secondaryLight;
@apply text-sm;
@apply py-2 px-4;
@apply text-secondaryLight text-sm;
@apply rounded-lg;
@apply cursor-pointer;
@apply transition-colors;
@@ -115,8 +110,7 @@ export default {
@media (max-width: 768px) {
ul,
ol {
@apply flex-row;
@apply flex-nowrap;
@apply flex-row flex-nowrap;
}
}
</style>

6
components/smart/UrlField.vue
View File

@@ -394,17 +394,19 @@ export default {
@apply font-bold;
@apply text-accent;
}
.url-field-container {
@apply inline-grid;
}
.url-field {
@apply border-dashed;
@apply border-divider;
@apply border-dashed border-divider;
@apply whitespace-nowrap;
@apply overflow-x-auto;
@apply resize-none;
@apply md:border-l;
}
.url-field::-webkit-scrollbar {
@apply hidden;
}

3
components/teams/index.vue
View File

@@ -134,7 +134,6 @@ export default {
}
ul {
display: flex;
flex-direction: column;
@apply flex flex-col;
}
</style>

2
components/translate/SlideLeft.vue
View File

@@ -22,12 +22,14 @@ export default {
opacity: 0;
margin-left: 0;
}
&-enter-to,
&-leave {
width: var(--width, 33%);
margin-left: var(--ml, 0);
opacity: 1;
}
&-enter-active,
&-leave-active {
overflow-x: hidden;