@loafmarkets/ui 0.1.258 → 0.1.259

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -14998,24 +14998,42 @@ var ActivityWrapper = styled9.div`
14998
14998
  }
14999
14999
  `;
15000
15000
  var NewsVideoRow = styled9.div`
15001
- display: grid;
15002
- grid-template-columns: minmax(380px, 520px) minmax(0, 1fr);
15001
+ display: flex;
15003
15002
  gap: 1.5rem;
15004
15003
  margin-top: 1.5rem;
15005
15004
  max-width: 1800px;
15006
15005
  margin-left: auto;
15007
15006
  margin-right: auto;
15008
15007
  height: 700px;
15009
- overflow: hidden;
15010
- @media (max-width: 1024px) {
15011
- grid-template-columns: 1fr;
15012
- height: auto;
15013
- gap: 1rem;
15008
+
15009
+ & > *:first-child {
15010
+ flex: 0 0 420px;
15011
+ min-width: 0;
15012
+ overflow: hidden;
15014
15013
  }
15015
- & > * {
15014
+
15015
+ & > *:last-child {
15016
+ flex: 1 1 0;
15016
15017
  min-width: 0;
15017
15018
  overflow: hidden;
15018
15019
  }
15020
+
15021
+ @media (max-width: 1024px) {
15022
+ flex-direction: column;
15023
+ height: auto;
15024
+ gap: 1rem;
15025
+
15026
+ & > *:first-child {
15027
+ flex: none;
15028
+ width: 100%;
15029
+ }
15030
+
15031
+ & > *:last-child {
15032
+ flex: none;
15033
+ width: 100%;
15034
+ min-height: 400px;
15035
+ }
15036
+ }
15019
15037
  `;
15020
15038
  var PaymentOption = styled9.div`
15021
15039
  display: flex;