fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-02-20 05:31:00 +01:00
Code Issues Releases Wiki Activity

refactor(UI): minor UI improvements

Browse Source
This commit is contained in:
Fabio Di Stasio 2021-06-29 23:31:18 +02:00
parent 2d278aa14e
commit 51db2795bb
6 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/BaseContextMenu.vue
View File

@ -99,7 +99,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0.2rem; margin: 0.2rem;
padding: 0.1rem; padding: 0.1rem 0.3rem;
border-radius: $border-radius; border-radius: $border-radius;
cursor: pointer; cursor: pointer;
justify-content: space-between; justify-content: space-between;
@ -113,7 +113,7 @@ export default {
transition: opacity 0.2s; transition: opacity 0.2s;
position: absolute; position: absolute;
left: 100%; left: 100%;
top: 0; top: -0.2rem;
min-width: 100px; min-width: 100px;
} }

8
src/renderer/components/WorkspaceQueryTab.vue
View File

@ -52,7 +52,7 @@
<div class="divider-vert py-3" /> <div class="divider-vert py-3" />
<div class="dropdown export-dropdown pr-2"> <div class="dropdown table-dropdown pr-2">
<button <button
:disabled="!results.length || isQuering" :disabled="!results.length || isQuering"
class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0" class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0"
@ -322,10 +322,4 @@ export default {
min-height: 200px; min-height: 200px;
} }
} }
.export-dropdown {
.menu {
min-width: 100%;
}
}
</style> </style>

9
src/renderer/components/WorkspaceTableTab.vue
View File

@ -81,7 +81,7 @@
<i class="mdi mdi-24px mdi-playlist-plus ml-1" /> <i class="mdi mdi-24px mdi-playlist-plus ml-1" />
</button> </button>
<div class="dropdown export-dropdown pr-2"> <div class="dropdown table-dropdown pr-2">
<button <button
:disabled="isQuering" :disabled="isQuering"
class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0" class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0"
@ -383,10 +383,3 @@ export default {
} }
}; };
</script> </script>
<style lang="scss" scoped>
.export-dropdown {
.menu {
min-width: 100%;
}
}
</style>

21
src/renderer/scss/main.scss
View File

@ -138,6 +138,7 @@ body {
.tab-link { .tab-link {
min-width: 0; min-width: 0;
transition: color 0.2s;
} }
&.active { &.active {
@ -237,3 +238,23 @@ body {
visibility: hidden; visibility: hidden;
} }
} }
.table-dropdown {
.menu {
min-width: 100%;
padding: 0;
.menu-item {
padding: 0;
> a {
margin: 0.2rem;
padding: 0.1rem 0.3rem;
&:hover {
color: inherit;
}
}
}
}
}

2
src/renderer/scss/themes/dark-theme.scss
View File

@ -266,7 +266,7 @@
} }
.editor-col { .editor-col {
border-left: 2px solid $bg-color-light-dark; border-left: 0.05rem solid rgba($bg-color-light-dark, 60%);
} }
.table { .table {

2
src/renderer/scss/themes/light-theme.scss
View File

@ -98,7 +98,7 @@
} }
.editor-col { .editor-col {
border-left: 2px solid darken($bg-color-light-gray, 15%); border-left: 0.05rem solid darken($bg-color-light-gray, 15%);
} }
.file-uploader { .file-uploader {