Переглянути джерело

[FIX] some styles in cart

Gogs 7 роки тому
батько
коміт
85245ce23f
2 змінених файлів з 7 додано та 6 видалено
  1. 6 3
      src/components/CartItem.vue
  2. 1 3
      src/components/CartItems.vue

+ 6 - 3
src/components/CartItem.vue

@@ -75,20 +75,23 @@
 <style lang="sass">
     .cart-item
         width: 100%
-        height: 84px
+        height: 90px
         list-style: none outside none
         border-bottom: 1px solid #d3d3d3
         box-sizing: border-box
         position: relative
 
+        &:nth-child(1)
+            border-top: 1px solid #d3d3d3
+
         &:hover
-            background: #f5f5f5
             transition-duration: 1s
+            border-bottom: 2px solid #0288d1
 
         .item-name
             width: 100%
             height: 20px
-            margin: 5px
+            margin: 10px 0 5px 0
             float: left
             font:
                 size: 8pt

+ 1 - 3
src/components/CartItems.vue

@@ -31,11 +31,9 @@
 <style lang="sass">
     .cart-items-wrapper
         width: 100%
-        height: calc(100% - 125px)
+        height: calc(100% - 100px)
         overflow-y: auto
         overflow-x: hidden
-        padding: 0
-        margin: 15px 0
 
     .cart-items
         width: 100%