Skip to content

Commit

Permalink
💄 (#462): Removed card padding in horizontal and vertical
Browse files Browse the repository at this point in the history
  • Loading branch information
@KAUR1984
KAUR1984 committed Aug 16, 2023
1 parent 5b80b25 commit e39d069
Show file tree
Hide file tree
Showing 5 changed files with 24 additions and 21 deletions.
2 changes: 1 addition & 1 deletion docs/about/how_to_contribute.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Anyone is welcome to contribute towards improving the **ACCESS-Hive user portal*
<div class="card-container">
<div class="vertical-card-half-width">
<div class="vertical-card-image-container white-background">
<img class="img-cover" src="/assets/forum-question.jpg">
<img class="img-cover" src="/assets/access-nri-support.png">
</div>
<div class="vertical-card-text-container">
<div class="bold">
Expand Down
Binary file added docs/assets/access-nri-support.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: 5 additions & 2 deletions docs/css/access-nri.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -587,11 +587,14 @@ h1.homepage {
display: flex;
justify-content: center;
align-items: center;
padding: 0.6em 0.6em 0.3em 0.6em;
overflow: hidden;
border-radius: 8px;
}

.vertical-card-padding {
padding: 0.6em 0.6em 0.3em 0.6em;
}

.vertical-card-image-container > img {
width: 100%;
height: 100%;
Expand Down Expand Up @@ -622,7 +625,7 @@ h1.homepage {
display: flex;
justify-content: center;
align-items: center;
padding: 0.6em 0 0.6em 0.6em;
/* padding: 0.6em 0 0.6em 0.6em; */
overflow: hidden;
border-radius: 8px;
}
Expand Down
18 changes: 9 additions & 9 deletions docs/models/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,55 +59,55 @@ ACCESS models are computer codes comprising complex mathematical representations
## ACCESS Model Components
<div class="card-container">
<a href="model_components/atmosphere" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERE.png" alt="Atmosphere"></img>
</div>
<div class="vertical-card-text-container bold">Atmosphere</div>
</a>
<a href="model_components/land" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon LAND SURFACE.png" alt="Land"></img>
</div>
<div class="vertical-card-text-container bold">Land</div>
</a>
<a href="model_components/ocean" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon OCEAN.png" alt="Ocean"></img>
</div>
<div class="vertical-card-text-container bold">Ocean</div>
</a>
<a href="model_components/sea-ice" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon SEA ICE.png" alt="Sea Ice"></img>
</div>
<div class="vertical-card-text-container bold">Sea Ice</div>
</a>
<a href="model_components/aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon AEROSOLS.png" alt="Aerosols"></img>
</div>
<div class="vertical-card-text-container bold">Aerosols</div>
</a>
<a href="model_components/aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERIC CHEMISTRY.png" alt="Atmospheric Chemistry"></img>
</div>
<div class="vertical-card-text-container bold">Atmospheric Chemistry</div>
</a>
<a href="model_components/bgc_land" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon BGC LAND.png" alt="Biogeochemistry Land"></img>
</div>
<div class="vertical-card-text-container bold">Biogeochemistry Land</div>
</a>
<a href="model_components/bgc_ocean" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon BGC OCEAN.png" alt="Biogeochemistry Ocean"></img>
</div>
<div class="vertical-card-text-container bold">Biogeochemistry Ocean</div>
</a>
<a href="model_components/coupler" class="vertical-card aspect-ratio1to1">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon COUPLER.png" alt="Coupler"></img>
</div>
<div class="vertical-card-text-container bold">Coupler</div>
Expand Down
18 changes: 9 additions & 9 deletions docs/models/model_components/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,55 +2,55 @@
ACCESS model components represent different chemical, physical or biological parts of the Earth System.
<div class="card-container">
<a href="atmosphere" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERE.png" alt="Atmosphere"></img>
</div>
<div class="vertical-card-text-container">Atmosphere</div>
</a>
<a href="land" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon LAND SURFACE.png" alt="Land"></img>
</div>
<div class="vertical-card-text-container">Land</div>
</a>
<a href="ocean" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon OCEAN.png" alt="Ocean"></img>
</div>
<div class="vertical-card-text-container">Ocean</div>
</a>
<a href="sea-ice" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon SEA ICE.png" alt="Sea Ice"></img>
</div>
<div class="vertical-card-text-container">Sea Ice</div>
</a>
<a href="aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon AEROSOLS.png" alt="Aerosols"></img>
</div>
<div class="vertical-card-text-container">Aerosols</div>
</a>
<a href="aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERIC CHEMISTRY.png" alt="Atmospheric Chemistry"></img>
</div>
<div class="vertical-card-text-container">Atmospheric Chemistry</div>
</a>
<a href="bgc_land" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon BGC LAND.png" alt="Biogeochemistry Land"></img>
</div>
<div class="vertical-card-text-container">Biogeochemistry Land</div>
</a>
<a href="bgc_ocean" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon BGC OCEAN.png" alt="Biogeochemistry Ocean"></img>
</div>
<div class="vertical-card-text-container">Biogeochemistry Ocean</div>
</a>
<a href="coupler" class="vertical-card aspect-ratio1to1 component-card">
<div class="vertical-card-image-container">
<div class="vertical-card-image-container vertical-card-padding">
<img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon COUPLER.png" alt="Coupler"></img>
</div>
<div class="vertical-card-text-container">Coupler</div>
Expand Down

0 comments on commit e39d069

Please sign in to comment.