dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-05-19 04:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: fix telephonenumber select ui & force important

Browse source
This commit is contained in:
EETagent 2023-02-10 12:55:52 +01:00
parent 2635c3cbae
commit 115866d0fd
2 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/lib/components/select/SelectField.svelte
View file

@ -36,10 +36,6 @@
@apply relative flex items-center justify-center;
}
select {
@apply hover:border-sspsBlue w-full rounded-lg border border-2 bg-[#f8fafb] p-3 text-xl shadow-lg outline-none transition-colors duration-300;
@apply min-w-40;
}
option {
@apply w-full;
@apply text-center;
@ -51,8 +47,11 @@
@apply border-red-700;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@apply hover:border-sspsBlue w-full rounded-lg border border-2 bg-[#f8fafb] p-3 text-xl shadow-lg outline-none transition-colors duration-300;
@apply min-w-40;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
</style>

6
frontend/src/lib/components/textfield/TelephoneField.svelte
View file

@ -15,7 +15,7 @@
// You must use E164 number format. It's guarantee the parsing and storing consistency.
export let value: E164Number | null;
if (value !== null && value !== "" ) {
if (value !== null && value !== '') {
let number = parsePhoneNumber(value);
if (number !== null && number !== undefined) {
country = number.country!;
@ -92,6 +92,10 @@
select {
@apply border-1 h-full w-2/5 rounded pl-3 pr-3;
@apply hover:border-sspsBlue rounded-lg border border-2 bg-[#f8fafb] p-3 text-xl shadow-lg outline-none transition-colors duration-300;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.inputWrapper {
@apply relative w-full;