diff --git a/packages/pl-fe/src/main.tsx b/packages/pl-fe/src/main.tsx index 98d74124b..6ac316fd9 100644 --- a/packages/pl-fe/src/main.tsx +++ b/packages/pl-fe/src/main.tsx @@ -18,8 +18,7 @@ import '@fontsource/roboto-mono/400.css'; import 'line-awesome/dist/font-awesome-line-awesome/css/all.css'; import 'react-datepicker/dist/react-datepicker.css'; -import './styles/i18n/arabic.css'; -import './styles/i18n/javanese.css'; +import './styles/i18n.css'; import './styles/application.scss'; import './styles/tailwind.css'; diff --git a/packages/pl-fe/src/styles/i18n/arabic.css b/packages/pl-fe/src/styles/i18n.css similarity index 56% rename from packages/pl-fe/src/styles/i18n/arabic.css rename to packages/pl-fe/src/styles/i18n.css index 6e455e681..10972e508 100644 --- a/packages/pl-fe/src/styles/i18n/arabic.css +++ b/packages/pl-fe/src/styles/i18n.css @@ -1,3 +1,12 @@ +@font-face { + font-family: 'pl-fe i18n'; + font-style: normal; + font-display: swap; + font-weight: 400; + src: url('@fontsource/inter/files/inter-latin-400-normal.woff2') format('woff2'), url('@fontsource/inter/files/inter-latin-400-normal-normal.woff') format('woff'); + unicode-range: U+0020; +} + @font-face { font-family: 'pl-fe i18n'; font-style: normal; @@ -59,4 +68,44 @@ font-weight: 900; src: url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff') format('woff'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; +} + +/* noto-sans-javanese-javanese-400-normal */ +@font-face { + font-family: 'pl-fe i18n'; + font-style: normal; + font-display: swap; + font-weight: 400; + src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff') format('woff'); + unicode-range: U+A980-A9DF; +} + +/* noto-sans-javanese-javanese-500-normal */ +@font-face { + font-family: 'pl-fe i18n'; + font-style: normal; + font-display: swap; + font-weight: 500; + src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff') format('woff'); + unicode-range: U+A980-A9DF; +} + +/* noto-sans-javanese-javanese-600-normal */ +@font-face { + font-family: 'pl-fe i18n'; + font-style: normal; + font-display: swap; + font-weight: 600; + src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff' ) format('woff'); + unicode-range: U+A980-A9DF; +} + +/* noto-sans-javanese-javanese-700-normal */ +@font-face { + font-family: 'pl-fe i18n'; + font-style: normal; + font-display: swap; + font-weight: 700; + src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff') format('woff'); + unicode-range: U+A980-A9DF; } \ No newline at end of file diff --git a/packages/pl-fe/src/styles/i18n/javanese.css b/packages/pl-fe/src/styles/i18n/javanese.css deleted file mode 100644 index 3061b53e5..000000000 --- a/packages/pl-fe/src/styles/i18n/javanese.css +++ /dev/null @@ -1,39 +0,0 @@ -/* noto-sans-javanese-javanese-400-normal */ -@font-face { - font-family: 'pl-fe i18n'; - font-style: normal; - font-display: swap; - font-weight: 400; - src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff) format('woff'); - unicode-range: U+A980-A9DF; -} - -/* noto-sans-javanese-javanese-500-normal */ -@font-face { - font-family: 'pl-fe i18n'; - font-style: normal; - font-display: swap; - font-weight: 500; - src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff) format('woff'); - unicode-range: U+A980-A9DF; -} - -/* noto-sans-javanese-javanese-600-normal */ -@font-face { - font-family: 'pl-fe i18n'; - font-style: normal; - font-display: swap; - font-weight: 600; - src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff) format('woff'); - unicode-range: U+A980-A9DF; -} - -/* noto-sans-javanese-javanese-700-normal */ -@font-face { - font-family: 'pl-fe i18n'; - font-style: normal; - font-display: swap; - font-weight: 700; - src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff) format('woff'); - unicode-range: U+A980-A9DF; -} \ No newline at end of file diff --git a/packages/pl-fe/src/styles/new/compose.scss b/packages/pl-fe/src/styles/new/compose.scss index e428e647c..6bfc2adc6 100644 --- a/packages/pl-fe/src/styles/new/compose.scss +++ b/packages/pl-fe/src/styles/new/compose.scss @@ -170,14 +170,26 @@ } &__options { - @apply -mb-1 h-96 w-full overflow-auto; + margin-bottom: -0.25rem; + height: 24rem; + width: 100%; + overflow: auto; } &__option { - @apply flex w-full gap-2 p-2.5 text-left text-sm text-gray-700 dark:text-gray-400 cursor-default; + display: flex; + width: 100%; + gap: 0.5rem; + padding: 0.625rem; + text-align: left; + font-size: 0.875rem; + line-height: 1.25; + cursor: default; + @apply text-gray-700 dark:text-gray-400; &--modified { - @apply bg-gray-100 dark:bg-gray-800 black:bg-gray-900 cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-700; + cursor: pointer; + @apply bg-gray-100 dark:bg-gray-800 black:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-700; .⁂-language-dropdown__option__name { @apply text-black dark:text-white; @@ -197,7 +209,8 @@ } svg { - @apply size-4; + height: 1rem; + width: 1rem; } } }