granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update CharLimitedFieldset class name

Browse source
This commit is contained in:
Justin Edmund 2023-06-05 21:00:54 -07:00
parent f85e3ac85e
commit 2908c33b2c
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
components/common/CharLimitedFieldset/index.scss
View file

@ -1,4 +1,4 @@
.Limited { .Joined {
$offset: 2px; $offset: 2px;
align-items: center; align-items: center;
@ -12,6 +12,14 @@
padding-bottom: 2px; padding-bottom: 2px;
padding-right: calc($unit-2x - $offset); padding-right: calc($unit-2x - $offset);
&.Bound {
background-color: var(--input-bound-bg);
&:hover {
background-color: var(--input-bound-bg-hover);
}
}
&:focus-within { &:focus-within {
border: $offset solid $blue; border: $offset solid $blue;
// box-shadow: 0 2px rgba(255, 255, 255, 1); // box-shadow: 0 2px rgba(255, 255, 255, 1);

2
components/common/CharLimitedFieldset/index.tsx
View file

@ -32,7 +32,7 @@ const CharLimitedFieldset = React.forwardRef<HTMLInputElement, Props>(
return ( return (
<fieldset className="Fieldset"> <fieldset className="Fieldset">
<div className="Limited"> <div className="Joined">
<input <input
autoComplete="off" autoComplete="off"
className="Input" className="Input"