Ver código fonte

Change modal button

sbkwgh 8 anos atrás
pai
commit
0c5051a57b
1 arquivos alterados com 13 adições e 2 exclusões
  1. 13 2
      src/App.vue

+ 13 - 2
src/App.vue

@@ -1,9 +1,9 @@
 <template>
 	<div id='app'>
-		<modal-window v-model='showAjaxErrorsModal' style='z-index: 100' width='auto'>
+		<modal-window v-model='showAjaxErrorsModal' style='z-index: 100' width='25rem'>
 			<div style='padding: 0rem 1rem 1rem 1rem;'>
 				<p v-for='error in this.$store.state.ajaxErrors'>{{error}}</p>
-				<button class='button' @click='showAjaxErrorsModal = false'>OK</button>
+				<button class='button button--modal' @click='showAjaxErrorsModal = false'>OK</button>
 			</div>
 		</modal-window>
 		<modal-window v-model='showAccountModal'>
@@ -371,6 +371,17 @@
 			border: 0;
 		}
 
+		@at-root #{&}--modal {
+			padding: 0.25rem 0.5rem;
+			font-size: 0.8rem;
+			float: right;
+			margin-bottom: 1rem;
+
+			&:last-child {
+				margin-right: 0.5rem;
+			}
+		}
+
 		@at-root #{&}--orange {
 			border-color: $color__orange--primary;
 			&:hover { border-color: $color__orange--darker; }