DevFW-CICD/spring-petclinic
16
0
Fork 1
mirror of https://github.com/spring-projects/spring-petclinic.git synced 2025-07-18 13:35:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

AA: Standardize image sizes for owners and pets

Browse source
This commit is contained in:
Andrew Abogado 2015-02-05 02:50:22 +08:00
parent 6b1481ebe3
commit f20cd0d014
17 changed files with 25 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/main/webapp/components/dashboard/_owners.html
View file

@ -13,7 +13,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -33,7 +33,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -53,7 +53,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -73,7 +73,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>

2
src/main/webapp/components/header.html
View file

@ -26,7 +26,7 @@
<li data-ng-if="getSession() != null"><a href="#"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
<img class="img-circle" src="images/avatar.jpg" width="30" height="30">
<img class="img-circle img-circle-small" src="images/avatar.jpg" width="30" height="30">
</a>
<ul data-ng-if="getSession() != null" class="dropdown-menu navbar-dropdown-menu">
<li><a href="#">View Profile</a></li>

2
src/main/webapp/components/owners/owners.html
View file

@ -32,7 +32,7 @@
<div class="row">
<div class="col-md-3" data-ng-repeat="owner in owners">
<div class="thumbnail">
<a href="show.html"><img data-ng-src="images/avatars/owner{{owner.id}}.jpg" alt="Generic placeholder image"></img></a>
<a href="show.html"><img class="img-circle" data-ng-src="images/avatars/owner{{owner.id}}.jpg" alt="Generic placeholder image"></img></a>
<div class="caption">
<h3><a href="show.html" data-ng-bind="owner.firstName + ' ' +owner.lastName"></a></h3>
<p data-ng-bind="owner.city"></p>

BIN
src/main/webapp/images/pets/pet1.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/main/webapp/images/pets/pet10.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 65 KiB

BIN
src/main/webapp/images/pets/pet2.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8 KiB

After

Width:  |  Height:  |  Size: 46 KiB

BIN
src/main/webapp/images/pets/pet3.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 54 KiB

BIN
src/main/webapp/images/pets/pet4.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
src/main/webapp/images/pets/pet5.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 41 KiB

BIN
src/main/webapp/images/pets/pet6.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 63 KiB

BIN
src/main/webapp/images/pets/pet7.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
src/main/webapp/images/pets/pet8.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 46 KiB

BIN
src/main/webapp/images/pets/pet9.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 38 KiB

8
src/main/webapp/static/app/dashboard.html
View file

@ -95,7 +95,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="../images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -115,7 +115,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="../images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -135,7 +135,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="../images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
@ -155,7 +155,7 @@
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="../images/pet-small.png" class="img-circle" alt="Generic placeholder image" height="30" width="30"></a>
<a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>

14
src/main/webapp/static/app/styles/main.scss
View file

@ -598,7 +598,7 @@ input::-moz-focus-inner {
box-shadow: 0 1px 1px rgba($gray-base, 0.03);
padding: 0;
> img {
.img-circle {
margin-top: 40px;
}
@ -666,6 +666,18 @@ input::-moz-focus-inner {
margin-bottom: 20px;
}
/* Image circle classes */
.img-circle {
height: 110px;
width: 110px;
}
.img-circle-small {
height: 30px;
width: 30px;
}
/* Modals - Search */
.modal-search {
.modal-dialog {

2
src/main/webapp/static/dist/styles/main.css vendored
View file

File diff suppressed because one or more lines are too long

2
src/main/webapp/styles/main.css
View file

File diff suppressed because one or more lines are too long