Rockingcool/india-translator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated flexbox styling

Browse Source
This commit is contained in:
Aadhavan Srinivasan
2025-04-14 16:54:44 -04:00
parent fca0d3a5fa
commit 094d756a07
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@@ -110,11 +110,17 @@
transition: fill-opacity 0.3s; transition: fill-opacity 0.3s;
} }
section#textStuff {
min-width: 30em;
flex: 0 1 0;
}
/* Position map load spinner in the middle of the SVG */ /* Position map load spinner in the middle of the SVG */
#svgContainer { #svgContainer {
position: relative; position: relative;
display: inline-block; display: inline-block;
flex-grow: 1; flex-shrink: 1;
flex-grow: 1;
max-width: 100%; max-width: 100%;
} }
@@ -175,7 +181,7 @@
#fetchingText { #fetchingText {
visibility: hidden; visibility: hidden;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 1366px) {
main { main {
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
@@ -212,7 +218,7 @@
<ul> <ul>
<li>Enter text in English. Translations are displayed on the map, along with romanizations (translation converted to Latin script). <li>Enter text in English. Translations are displayed on the map, along with romanizations (translation converted to Latin script).
<li>Hover over a language region (denoted by color) to see the language spoken in the region. Language boundaries were drawn using census data; they may be inaccurate. <li>Hover over a language region (denoted by color) to see the language spoken in the region. Language boundaries were drawn using census data; they may be inaccurate.
<li>Translations are made with Google Translate - they may be innacurate. <li>Translations are retrieved from Google Translate - they may be innacurate.
<li>Romanizations are made with the <kbd>ai4bharat-transliteration</kbd> AI model, developed by <a href="https://ai4bharat.iitm.ac.in/">Ai4Bharat</a>. <li>Romanizations are made with the <kbd>ai4bharat-transliteration</kbd> AI model, developed by <a href="https://ai4bharat.iitm.ac.in/">Ai4Bharat</a>.