Skip to content

Commit

Permalink
massive UI improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
@zin-lin
zin-lin committed Dec 12, 2023
1 parent aaf3987 commit 9f22b45
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 8 deletions.
Binary file modified src/assets/aai.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/daa.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 6 additions & 1 deletion src/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1201,7 +1201,9 @@ p.aText {
height: 100%;
}


.highlight{
font-size: 16px;
}

@media screen and (max-width: 792px) {
.wrap-text-white{
Expand All @@ -1214,6 +1216,9 @@ p.aText {
width: 650px;
}

.highlight{
font-size: 12px;
}


@media screen and (max-width: 700px){
Expand Down
10 changes: 5 additions & 5 deletions src/views/BookViewPorts/updateBookPC.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ const UpdateBookPC: React.FC<Props>= (props:Props)=>{
</div>

<div style={{width: '100%', flex: 2, display: 'flex',flexWrap:'wrap', order:2, flexDirection:'row', justifyContent:'center'}}>
<div style={{width: '50%', height: '100%', minWidth:340}}>
<div style={{width: '50%', height: '100%', minWidth:380}}>

<div style={{
margin: 30, height: 440,
Expand Down Expand Up @@ -191,7 +191,7 @@ const UpdateBookPC: React.FC<Props>= (props:Props)=>{
</div>
</div>

<div style={{width: '50%', height: '100%', minWidth:340}}>
<div style={{width: '50%', height: '100%', minWidth:380}}>
<div style={{
margin: 30,
borderRadius: 30, marginBottom:0,
Expand Down Expand Up @@ -221,7 +221,7 @@ const UpdateBookPC: React.FC<Props>= (props:Props)=>{
</div>

<div style={{width: '100%', height: 500, display: 'flex',flexWrap:'wrap', flexDirection:'row', justifyContent:'center', marginTop:40}}>
<div style={{width: '50%', height: '100%', minWidth:340}}>
<div style={{width: '50%', height: '100%', minWidth:380}}>

<div style={{
margin: 30,
Expand Down Expand Up @@ -285,7 +285,7 @@ const UpdateBookPC: React.FC<Props>= (props:Props)=>{
</div>
</div>

<div style={{width: '50%', height: '100%', minWidth:340}}>
<div style={{width: '50%', height: '100%', minWidth:380}}>
<div style={{
margin: 30,
borderRadius: 30,
Expand Down Expand Up @@ -322,7 +322,7 @@ const UpdateBookPC: React.FC<Props>= (props:Props)=>{
<br/>

<div>
<span className='highlight' style={{margin:10}}>SimpleKMeans - Clustering</span>
<span className='highlight' style={{margin:10}}>KMeans - Clustering</span>
<p style={{margin:10, marginTop:17}}>This algorithm produces groups of rows to label such unlabelled data to show interesting patterns</p>
</div>
<br/>
Expand Down
7 changes: 5 additions & 2 deletions src/views/Home.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ import shelbyS from '../assets/shelby.png'
import one from "../assets/data.png";
import hun from "../assets/weka.png";
import aai from "../assets/aai.png";
import daa from "../assets/daa.png";
import ten from "../assets/dev.png";

export default function Home (){
Expand Down Expand Up @@ -53,8 +54,10 @@ export default function Home (){
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

<div style={{width:'100%', display:'flex', justifyContent:'center', marginTop:50, marginBottom:70 ,transition: 'left 0.3s ease-in-out', left:0, animation: 'slide 0.5s forwards'}}>
<div style={{width:'100%', display:'flex', justifyContent:'center', left:0}} className={cn} id='slide1'>
<img src={aai} width={'60%'}/>
<div style={{width:'100%', justifyContent:'center', textAlign:'center' ,left:0}} className={cn} id='slide1'>
<img src={aai} width={'78%'}/>
<div style={{margin:40}}></div>
<img src={daa} width={'78%'}/>
</div>
</div>
<div style={{textAlign:'center', width:'100%',justifyContent:'center', alignItems:'center', }} className={slr} id='slide2'>
Expand Down

0 comments on commit 9f22b45

Please sign in to comment.