refactor(frontend): use css modules
This commit is contained in:
		| @@ -1,6 +1,6 @@ | ||||
| <template> | ||||
| <MkSpacer :content-max="700"> | ||||
| 	<div class="shaynizk"> | ||||
| 	<div> | ||||
| 		<div class="_gaps_m"> | ||||
| 			<MkInput v-model="name"> | ||||
| 				<template #label>{{ i18n.ts.name }}</template> | ||||
| @@ -33,7 +33,7 @@ | ||||
| 			<MkSwitch v-model="withFile">{{ i18n.ts.withFileAntenna }}</MkSwitch> | ||||
| 			<MkSwitch v-model="notify">{{ i18n.ts.notifyAntenna }}</MkSwitch> | ||||
| 		</div> | ||||
| 		<div class="actions"> | ||||
| 		<div :class="$style.actions"> | ||||
| 			<MkButton inline primary @click="saveAntenna()"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton> | ||||
| 			<MkButton v-if="antenna.id != null" inline danger @click="deleteAntenna()"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton> | ||||
| 		</div> | ||||
| @@ -128,12 +128,10 @@ function addUser() { | ||||
| } | ||||
| </script> | ||||
|  | ||||
| <style lang="scss" scoped> | ||||
| .shaynizk { | ||||
| 	> .actions { | ||||
| 		margin-top: 16px; | ||||
| 		padding: 24px 0; | ||||
| 		border-top: solid 0.5px var(--divider); | ||||
| 	} | ||||
| <style lang="scss" module> | ||||
| .actions { | ||||
| 	margin-top: 16px; | ||||
| 	padding: 24px 0; | ||||
| 	border-top: solid 0.5px var(--divider); | ||||
| } | ||||
| </style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo