ui sett 2.0

adamsyy · adamsyy · commit ae6d100e9879 · 2021-11-28T01:12:57.000+05:30
diff --git a/public/index.html b/public/index.html
@@ -14,12 +14,7 @@
     <title>Hox</title>
   </head>
   <body style="
-    background-image: url('https://wallpaperaccess.com/full/4785394.jpg');  
-      background-size:     cover;         
-      
-        background-position: center;
-      
-    background-repeat:   no-repeat; 
+    
   
    
   " >
diff --git a/src/components/Main.css b/src/components/Main.css
@@ -4,13 +4,14 @@
 }   
 
 input{
-margin-bottom: 20px;
+width: 120px;
+
 
 }
 input[type=text]{
     width: 100%;
-    padding: 12px 20px;
-    margin: 8px 0;
+ 
+
     box-sizing: border-box;
     border: none;
     background-color: #f1f1f1;
@@ -21,6 +22,25 @@ input[type=text]:focus{
 
 
 }
-td{
-    color: white;
-}
+td,a{
+    color: black !important;
+}
+
+.onelinee{
+    display: inline-block;
+    padding-right: 5px;
+width: 100px;
+
+  
+}
+.onelinee button{
+
+
+    font-size: 12px;
+    
+}
+
+.h2ahne{
+    font-size: 122px !important;
+    font-weight: bold;
+}
diff --git a/src/components/Main.js b/src/components/Main.js
@@ -1,6 +1,11 @@
 import React, { Component } from 'react';
 import { convertBytes } from './helpers';
 import moment from 'moment'
+import { Card, Grid } from '@geist-ui/react';
+import { Spacer } from '@geist-ui/react';
+import { Input } from '@geist-ui/react';
+import { Text, Link, Image, Button,Textarea } from '@geist-ui/react';
+
 
 import './Main.css';
 
@@ -15,7 +20,7 @@ class Main extends Component {
             <div className="content">
               <p>&nbsp;</p>
               <div  className="card mb-3 mx-auto "  id="onee" style={{ maxWidth: '512px'}} >
-                <h2 className="text-black text-monospace" ><b><span style={{color:'red'}}>Hox</span> <span style={{color:'rd'}}>it</span> <span style={{color:' '}}>today!</span></b></h2>
+                <h2 className="h2ahne" className="text-black text-monospace" ><b><span style={{color:'red', fontSize:55}}>Hox</span> <span style={{color:'rd'}}>it</span> <span style={{color:' '}}>today!</span></b></h2>
                 <br></br>
                   <form onSubmit={(event) => {
                     event.preventDefault()
@@ -33,14 +38,19 @@ class Main extends Component {
                             placeholder="description..."
                             required />
                       </div>
-                    <input type="file"  onChange={this.props.captureFile} className="text-white text-monospace"/>
-                    <button type="submit"  style={{ color: "grey", background: "black"}}  className="btn-primary btn-block"><b>Upload!</b></button>
+                      <div class="onelinee" >  <input type="file"  onChange={this.props.captureFile} className="btn btn-grey"/> </div>
+                     
+                <div class="onelinee" >  <button type="submit"  style={{ color: "white", background: "black"}}  className="btn btn-dark"><b>Upload!</b></button> 
+                </div>   
+ 
+                      
+                   
                     
 
                   </form>
               </div>
               <p>&nbsp;</p>
-              <table className="table-sm table-bordered text-monospace" style={{ width: '1000px', maxHeight: '450px'}}>
+              <table className="table table-striped table-hover" style={{ width: '1000px', maxHeight: '450px'}}>
                 <thead style={{ 'fontSize': '15px' }}>
                   <tr className="bg-dark text-white">
                     
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
@@ -1,4 +1,4 @@
-nav,a{
+nav a{
 
     color: #eceff4 !important;
     

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-nav,a{`
	`1`	`+nav a{`
`2`	`2`
`3`	`3`	`color: #eceff4 !important;`
`4`	`4`