kj
/
mall-app
1
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Project: Mall App Client: Maiora
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
36 Commits
1 Branch
5.5 MiB
 
 
 
 
Struktur: a610e5c857
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „a610e5c857“
${ noResults }
mall-app/src/app/orders/orders.component.scss

108 Zeilen
1.6 KiB
Originalformat Blame Verlauf 

  1. .heading-holder {

  2. 	background-color: #efefef;

  3. 	display: flex;

  4. 	align-items: center;

  5. 	justify-content: space-between;

  6. 	padding: 10px 5%;

  7. 

  8. 	.name {

  9. 		color: var(--brand-dark-grey);

  10. 		font-size: 12px;

  11. 		font-weight: 500;

  12. 		letter-spacing: 0.5px;

  13. 	}

  14. 

  15. 	ion-button {

  16. 		margin: 0;

  17. 		--color: var(--brand-blue);

  18. 		font-size: 12px;

  19. 		--padding-end: 0;

  20. 	}

  21. }

  22. 

  23. 

  24. ul.orders {

  25. 	padding: 0;

  26. 	margin: 0;

  27. 

  28. 	.order {

  29. 		list-style: none;

  30. 		padding: 20px 5%;

  31. 		color: var(--brand-dark-grey);

  32. 		line-height: 1.6;

  33. 		border-bottom: 1px solid #efefef;

  34. 

  35. 		.heading {

  36. 			width: 50%;

  37. 			font-size: 15px;

  38. 			width: 50%;

  39. 			text-overflow: ellipsis;

  40. 			overflow: hidden;

  41. 			white-space: nowrap;

  42. 			font-weight: 600;

  43. 		}

  44. 

  45. 		.time-details {

  46. 			font-size: 13px;

  47. 			color: var(--brand-grey);

  48. 		}

  49. 	}

  50. 

  51. 	.ordered-items {

  52. 		list-style: none;

  53. 		padding: 0;

  54. 		margin: 10px 0 0;

  55. 

  56. 		li {

  57. 			display: flex;

  58. 			width: 100%;

  59. 			justify-content: space-between;

  60. 			margin: 0px auto;

  61. 			align-items: center;

  62. 			color: var(--brand-grey);

  63. 

  64. 			.name {

  65. 				font-size: 13px;

  66. 				letter-spacing: 0.5px;

  67. 			}

  68. 

  69. 			.time {

  70. 				font-size: 12px;

  71. 			}

  72. 		}

  73. 	}

  74. 

  75. 	.note {

  76. 		color: var(--brand-grey);

  77. 		font-size: 13px;

  78. 		padding: 10px 0;

  79. 		margin-top: 10px;

  80. 		border-top: 1px solid #efefef;

  81. 	}

  82. 

  83. 	.action-buttons-holder {

  84. 		display: flex;

  85. 		align-items: center;

  86. 		width: 100%;

  87. 

  88. 		ion-button {

  89. 			--padding-top: 0px;

  90. 			--padding-bottom: 0px;

  91. 			height: 30px;

  92. 			margin-right: 10px;

  93. 			font-size: 12px;

  94. 			font-weight: 400;

  95. 			letter-spacing: 0.5px;

  96. 

  97. 			&:first-child {

  98. 				--background: var(--brand-blue);

  99. 			}

  100. 

  101. 			&:last-child {

  102. 				--color: var(--brand-blue);

  103. 				--border-color: var(--brand-blue);

  104. 			}

  105. 		}

  106. 	}

  107. }