Styling of home
This commit is contained in:
30
components/home/SectionShare/SectionShare.module.css
Normal file
30
components/home/SectionShare/SectionShare.module.css
Normal file
@@ -0,0 +1,30 @@
|
||||
.shareGrid {
|
||||
display: grid;
|
||||
gap: 3em;
|
||||
grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
|
||||
}
|
||||
|
||||
.downloadBtn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uploadInput {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 2em 0.5em;
|
||||
border: 1px dashed var(--md-sys-color-on-secondary-container);
|
||||
margin: 1em 0;
|
||||
background-color: var(--md-sys-color-secondary-container);
|
||||
border-radius: 4px;
|
||||
color: var(--md-sys-color-on-secondary-container);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.shareInput {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uploadInput > input {
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user