mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-18 14:38:32 +00:00
10c3bb6302
* test init :: shadecn , tailwind * fix :: warnings * fix :: theming * fix : theming * fix : proper styling * feat :: added base button component * adding storybook for button * updates * netlify node and npm version correction * completed button styles and configg updates * adding more storybook controls dark mode etc * updates * added storybook to gitignore * cleanups * revert changes * restructured files * update netlify config * config change * build command * build command * check * add toml file in frontend * updates * update toml file * update * update toml file * update toml file * revert few changes , review updates * loader size fix * fix : typo * fix : keep button width same on loading * made background as transparent * cleanup * revert * adding prefix * code structure updation * removed unused packages * updated border for buttons * update : review comments * replace clsx with classnames * temp commit for filename change * temp commit * reverting name change commits * fix : auoprefixer warning --------- Co-authored-by: Adish M <[email protected]>
89 lines
No EOL
1.4 KiB
CSS
89 lines
No EOL
1.4 KiB
CSS
.card {
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
margin-top: 1rem;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 1px;
|
|
|
|
}
|
|
|
|
.card:hover {
|
|
transition-delay: 2s;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 10px;
|
|
|
|
}
|
|
|
|
.card-body {
|
|
display: flex;
|
|
padding: 1.5rem;
|
|
flex: 1 1 auto;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.card-info {
|
|
margin-left: 1.5rem;
|
|
width: 80%;
|
|
}
|
|
|
|
.card-icon {
|
|
width: 20%;
|
|
/* align-self: baseline; */
|
|
}
|
|
|
|
.card-container-setup {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr !important;
|
|
grid-gap: 2rem;
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
@media all and (max-width: 768px) {
|
|
.card-container-setup {
|
|
grid-template-columns: 1fr !important;
|
|
}
|
|
|
|
.card-body {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.card-info {
|
|
padding: 0.25rem 0;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.card-info h3 {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media all and (min-width: 820px) and (max-width: 1280px) {
|
|
.card-body {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.card-info {
|
|
padding: 0.25rem 0;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.card-info h3 {
|
|
text-align: center;
|
|
}
|
|
|
|
.card-icon img {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.card-icon {
|
|
display: flex;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
} |