sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tweak client

Browse Source
This commit is contained in:
syuilo
2022-01-02 21:35:23 +09:00
parent 92d9ce8117
commit 41ed9a1a72
19 changed files with 37 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/client/src/components/form/group.vue
View File

@ -1,5 +1,5 @@
<template>
<div v-sticky-container v-panel class="adfeebaf _formBlock">
<div v-sticky-container class="adfeebaf _formBlock">
<div class="label"><slot name="label"></slot></div>
<div class="main _formRoot">
<slot></slot>
@ -17,6 +17,7 @@ export default defineComponent({
<style lang="scss" scoped>
.adfeebaf {
padding: 24px 24px;
border: solid 1px var(--divider);
border-radius: var(--radius);
> .label {

20
packages/client/src/components/form/radio.vue
View File

@ -1,6 +1,6 @@
<template>
<div
v-panel
v-adaptive-border
class="novjtctn"
:class="{ disabled, checked }"
:aria-checked="checked"
@ -53,7 +53,10 @@ export default defineComponent({
display: inline-block;
text-align: left;
cursor: pointer;
padding: 11px 14px;
padding: 10px 12px;
background-color: var(--panel);
background-clip: padding-box !important;
border: solid 1px var(--panel);
border-radius: 6px;
transition: all 0.3s;
@ -69,9 +72,13 @@ export default defineComponent({
}
}
&:hover {
border-color: var(--inputBorderHover) !important;
}
&.checked {
background: var(--accentedBg) !important;
border-color: var(--accent);
background-color: var(--accentedBg) !important;
border-color: var(--accentedBg) !important;
color: var(--accent);
&, * {
@ -89,11 +96,6 @@ export default defineComponent({
}
}
&:hover {
border-color: var(--inputBorderHover);
color: var(--accent);
}
> input {
position: absolute;
width: 0;