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

🎨 Toast button now align to end

Browse Source
This commit is contained in:
Liyas Thomas
2019-12-15 21:46:55 +05:30
parent 29c6109ea3
commit feb782270b
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/styles.scss
View File

@@ -803,7 +803,7 @@ input[type="radio"]:checked + label + .tab {
} }
.toasted-container .toasted { .toasted-container .toasted {
justify-content: start !important; justify-content: flex-start !important;
} }
.toasted.info { .toasted.info {
@@ -816,6 +816,10 @@ input[type="radio"]:checked + label + .tab {
color: inherit !important; color: inherit !important;
} }
.toasted .action {
margin-left: auto !important;
}
.page-columns { .page-columns {
display: flex; display: flex;
flex: 1; flex: 1;

2
components/ace-editor.vue
View File

@@ -3,7 +3,7 @@
</template> </template>
<script> <script>
const DEFAULT_THEME = "dracula"; const DEFAULT_THEME = "twilight";
import ace from "ace-builds"; import ace from "ace-builds";
import "ace-builds/webpack-resolver"; import "ace-builds/webpack-resolver";

5
pages/index.vue
View File

@@ -682,10 +682,7 @@
<input id="history-tab" type="radio" name="side" checked="checked" /> <input id="history-tab" type="radio" name="side" checked="checked" />
<label for="history-tab">{{ $t("history") }}</label> <label for="history-tab">{{ $t("history") }}</label>
<div class="tab"> <div class="tab">
<history <history @useHistory="handleUseHistory" ref="historyComponent" />
@useHistory="handleUseHistory"
ref="historyComponent"
/>
</div> </div>
<input id="collection-tab" type="radio" name="side" /> <input id="collection-tab" type="radio" name="side" />
<label for="collection-tab">{{ $t("collections") }}</label> <label for="collection-tab">{{ $t("collections") }}</label>