Code refactoring
This commit is contained in:
sairaj mote
parent
733f34b86b
commit
b21af0a275
30
assets/undraw_add_files_re_v09g.svg
Normal file
30
assets/undraw_add_files_re_v09g.svg
Normal file
@ -0,0 +1,30 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="782.04441" height="701.88002" viewBox="0 0 782.04441 701.88002" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<def>
|
||||
<style>
|
||||
.accented{
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
</style>
|
||||
</def>
|
||||
<path d="M609.48783,100.59015l-25.44631,6.56209L270.53735,187.9987,245.091,194.56079A48.17927,48.17927,0,0,0,210.508,253.17865L320.849,681.05606a48.17924,48.17924,0,0,0,58.61776,34.58317l.06572-.01695,364.26536-93.93675.06572-.01695a48.17923,48.17923,0,0,0,34.58309-58.6178l-110.341-427.87741A48.17928,48.17928,0,0,0,609.48783,100.59015Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/>
|
||||
<path d="M612.94784,114.00532l-30.13945,7.77236L278.68955,200.20385l-30.139,7.77223a34.30949,34.30949,0,0,0-24.6275,41.74308l110.341,427.87741a34.30946,34.30946,0,0,0,41.7431,24.62736l.06572-.01695,364.26536-93.93674.06619-.01707a34.30935,34.30935,0,0,0,24.627-41.7429l-110.341-427.87741A34.30938,34.30938,0,0,0,612.94784,114.00532Z" transform="translate(-208.9778 -99.05999)" fill="#fff"/>
|
||||
<path d="M590.19,252.56327,405.917,300.08359a8.01411,8.01411,0,0,1-4.00241-15.52046l184.273-47.52033A8.01412,8.01412,0,0,1,590.19,252.56327Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/><path d="M628.955,270.49906,412.671,326.27437a8.01411,8.01411,0,1,1-4.00241-15.52046l216.284-55.77531a8.01411,8.01411,0,0,1,4.00242,15.52046Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/>
|
||||
<path d="M620.45825,369.93676l-184.273,47.52032a8.01411,8.01411,0,1,1-4.00242-15.52046l184.273-47.52032a8.01411,8.01411,0,1,1,4.00241,15.52046Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/><path d="M659.22329,387.87255l-216.284,55.77531a8.01411,8.01411,0,1,1-4.00242-15.52046l216.284-55.77531a8.01411,8.01411,0,0,1,4.00242,15.52046Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/>
|
||||
<path d="M650.72653,487.31025l-184.273,47.52033a8.01412,8.01412,0,0,1-4.00242-15.52047l184.273-47.52032a8.01411,8.01411,0,0,1,4.00242,15.52046Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/><path d="M689.49156,505.246l-216.284,55.77532a8.01412,8.01412,0,1,1-4.00241-15.52047l216.284-55.77531a8.01411,8.01411,0,0,1,4.00242,15.52046Z" transform="translate(-208.9778 -99.05999)" fill="#f2f2f2"/>
|
||||
<path d="M374.45884,348.80871l-65.21246,16.817a3.847,3.847,0,0,1-4.68062-2.76146L289.5963,304.81607a3.847,3.847,0,0,1,2.76145-4.68061l65.21247-16.817a3.847,3.847,0,0,1,4.68061,2.76145l14.96947,58.04817A3.847,3.847,0,0,1,374.45884,348.80871Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M404.72712,466.1822l-65.21247,16.817a3.847,3.847,0,0,1-4.68062-2.76146l-14.96946-58.04816A3.847,3.847,0,0,1,322.626,417.509l65.21246-16.817a3.847,3.847,0,0,1,4.68062,2.76145l14.96946,58.04817A3.847,3.847,0,0,1,404.72712,466.1822Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M434.99539,583.55569l-65.21246,16.817a3.847,3.847,0,0,1-4.68062-2.76145l-14.96946-58.04817a3.847,3.847,0,0,1,2.76145-4.68062l65.21247-16.817a3.847,3.847,0,0,1,4.68061,2.76146l14.96947,58.04816A3.847,3.847,0,0,1,434.99539,583.55569Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M863.63647,209.0517H487.31811a48.17928,48.17928,0,0,0-48.125,48.12512V699.05261a48.17924,48.17924,0,0,0,48.125,48.12507H863.63647a48.17924,48.17924,0,0,0,48.125-48.12507V257.17682A48.17928,48.17928,0,0,0,863.63647,209.0517Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M863.637,222.90589H487.31811a34.30948,34.30948,0,0,0-34.271,34.27093V699.05261a34.30947,34.30947,0,0,0,34.271,34.27088H863.637a34.30936,34.30936,0,0,0,34.27051-34.27088V257.17682A34.30937,34.30937,0,0,0,863.637,222.90589Z" transform="translate(-208.9778 -99.05999)" fill="#fff"/>
|
||||
<circle class="accented" cx="694.19401" cy="614.02963" r="87.85039"/>
|
||||
<path d="M945.18722,701.63087H914.63056V671.07421a11.45875,11.45875,0,0,0-22.9175,0v30.55666H861.1564a11.45875,11.45875,0,0,0,0,22.9175h30.55666V755.105a11.45875,11.45875,0,1,0,22.9175,0V724.54837h30.55666a11.45875,11.45875,0,0,0,0-22.9175Z" transform="translate(-208.9778 -99.05999)" fill="#fff"/>
|
||||
<path d="M807.00068,465.71551H616.699a8.01412,8.01412,0,1,1,0-16.02823H807.00068a8.01412,8.01412,0,0,1,0,16.02823Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M840.05889,492.76314H616.699a8.01412,8.01412,0,1,1,0-16.02823H840.05889a8.01411,8.01411,0,1,1,0,16.02823Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M807.00068,586.929H616.699a8.01412,8.01412,0,1,1,0-16.02823H807.00068a8.01411,8.01411,0,0,1,0,16.02823Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M840.05889,613.97661H616.699a8.01412,8.01412,0,1,1,0-16.02823H840.05889a8.01412,8.01412,0,1,1,0,16.02823Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M574.07028,505.04162H506.72434a3.847,3.847,0,0,1-3.84278-3.84278V441.25158a3.847,3.847,0,0,1,3.84278-3.84278h67.34594a3.847,3.847,0,0,1,3.84278,3.84278v59.94726A3.847,3.847,0,0,1,574.07028,505.04162Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M574.07028,626.25509H506.72434a3.847,3.847,0,0,1-3.84278-3.84278V562.46505a3.847,3.847,0,0,1,3.84278-3.84278h67.34594a3.847,3.847,0,0,1,3.84278,3.84278v59.94726A3.847,3.847,0,0,1,574.07028,626.25509Z" transform="translate(-208.9778 -99.05999)" fill="#e6e6e6"/>
|
||||
<path d="M807.21185,330.781H666.91017a8.01411,8.01411,0,0,1,0-16.02823H807.21185a8.01411,8.01411,0,0,1,0,16.02823Z" transform="translate(-208.9778 -99.05999)" fill="#ccc"/>
|
||||
<path d="M840.27007,357.82862H666.91017a8.01411,8.01411,0,1,1,0-16.02822h173.3599a8.01411,8.01411,0,0,1,0,16.02822Z" transform="translate(-208.9778 -99.05999)" fill="#ccc"/>
|
||||
<path class="accented" d="M635.85911,390.6071H506.51316a3.847,3.847,0,0,1-3.84277-3.84277V285.81706a3.847,3.847,0,0,1,3.84277-3.84277H635.85911a3.847,3.847,0,0,1,3.84277,3.84277V386.76433A3.847,3.847,0,0,1,635.85911,390.6071Z" transform="translate(-208.9778 -99.05999)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.9 KiB |
43
css/main.css
43
css/main.css
@ -250,6 +250,25 @@ ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
display: grid;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
border: solid 1px rgba(var(--text-color), 0.3);
|
||||
}
|
||||
fieldset legend {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
input[type=radio] {
|
||||
height: 1.1em;
|
||||
width: 1.1em;
|
||||
margin-right: 0.5rem;
|
||||
accent-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@ -569,6 +588,9 @@ h3 {
|
||||
margin-top: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
#loading sm-spinner {
|
||||
--size: 1.5rem;
|
||||
}
|
||||
|
||||
#sign_in,
|
||||
#sign_up {
|
||||
@ -640,7 +662,7 @@ h3 {
|
||||
|
||||
.drag-drop-container,
|
||||
#file_upload_section {
|
||||
display: flex;
|
||||
display: grid;
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
width: min(100% - 2rem, 42rem);
|
||||
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.1);
|
||||
@ -650,12 +672,11 @@ h3 {
|
||||
}
|
||||
|
||||
.drag-drop-container {
|
||||
flex-direction: column;
|
||||
padding: max(3rem, 6vw) 1.5rem;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
.drag-drop-container.drag-over, .drag-drop-container:hover {
|
||||
box-shadow: 0 0 0 0.1rem var(--accent-color);
|
||||
@ -675,10 +696,26 @@ h3 {
|
||||
padding: 2rem;
|
||||
fill: rgba(var(--text-color), 0.5);
|
||||
background-color: rgba(var(--background-color), 1);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#file_upload_section {
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
#file_upload_section fieldset {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
#file_upload_section label.interact {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0.3rem;
|
||||
padding: 0.5rem 1rem 0.5rem 0;
|
||||
}
|
||||
#file_upload_section label.interact input {
|
||||
height: 1.2em;
|
||||
width: 1.2em;
|
||||
accent-color: var(--accent-color);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40rem) {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -227,6 +227,23 @@ sm-option {
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
fieldset {
|
||||
display: grid;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
border: solid 1px rgba(var(--text-color), 0.3);
|
||||
legend {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
input[type="radio"] {
|
||||
height: 1.1em;
|
||||
width: 1.1em;
|
||||
margin-right: 0.5rem;
|
||||
accent-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
width: 100%;
|
||||
@ -538,6 +555,9 @@ h3 {
|
||||
margin-top: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
sm-spinner {
|
||||
--size: 1.5rem;
|
||||
}
|
||||
}
|
||||
#sign_in,
|
||||
#sign_up {
|
||||
@ -604,7 +624,7 @@ h3 {
|
||||
|
||||
.drag-drop-container,
|
||||
#file_upload_section {
|
||||
display: flex;
|
||||
display: grid;
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
width: min(calc(100% - 2rem), 42rem);
|
||||
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.1);
|
||||
@ -613,12 +633,11 @@ h3 {
|
||||
transition: box-shadow 0.2s, background-color 0.2s;
|
||||
}
|
||||
.drag-drop-container {
|
||||
flex-direction: column;
|
||||
padding: max(3rem, 6vw) 1.5rem;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
&.drag-over,
|
||||
&:hover {
|
||||
box-shadow: 0 0 0 0.1rem var(--accent-color);
|
||||
@ -639,10 +658,26 @@ h3 {
|
||||
padding: 2rem;
|
||||
fill: rgba(var(--text-color), 0.5);
|
||||
background-color: rgba(var(--background-color), 1);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#file_upload_section {
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 3rem;
|
||||
fieldset {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
label.interact {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0.3rem;
|
||||
padding: 0.5rem 1rem 0.5rem 0;
|
||||
input {
|
||||
height: 1.2em;
|
||||
width: 1.2em;
|
||||
accent-color: var(--accent-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 40rem) {
|
||||
theme-toggle {
|
||||
|
||||
100
index.html
100
index.html
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user